你的位置:首页 > 网页设计
单文件文件上传到服务器(HTML5+js+Java)
上传单文件到服务器 应公司要求,在HTML5页面上实现 ...
css3 文本模型
2017-08-19 17:00:04

css3 文本模型

我前期是一名前端开发者,经常会遇到关于文本模型的问题,很多地方我们会经常遇到这种问题。例如栏目的标题,在设计师给我们图的时候并不会考虑到标题的长度,所以我们自己开发的过程中自己注意这一点。首先和大家将一下文本模型的一些基本的属性然后再针对一些案例去解析<text>模型 ...
css border
2017-08-19 16:00:14

css border

Border模型 ...
css高度已知,左右定宽,中间自适应三栏布局
css高度已知,左右定宽,中间自适应三栏布局:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta nam ...
改变选择文字的color及background
在一些特殊的网站中,常常会有着一些新奇的体验,在阅读网页的时候相信许多人都会和我一样有着一个习惯,把一些文字选中然后进行阅读,或者时要复制粘贴的时候选择文字对吧。然而无论是在ie,chrome,firefox,safari或者是以这些为内核的浏览器默认的选择文字都是蓝底白字吧.例 ...
我的启蒙
2017-08-18 23:00:18

我的启蒙

HTML5  1.HTML5:万维网的核心语言,HTML规范的第五次重大修改.现在大部分网站的主流编译语言.学好HTML5是每一个前端的基础课,当然她也很简单  2.HTML5新增语义化标签(虽然很少用到,但是还是要说一下)    (1)<laomaoshi>老猫师: ...
CSS改网页鼠标指针、改指定元素指针(1)——代码部分
要实现CSS改网页鼠标指针、改指定元素指针,我们应该首先了解以下内容:所有主流浏览器都支持 cursor 属性。注释:Opera 9.3 和 Safari 3 不支持 url 值。注释:任何版本的 Internet Explorer (包括 IE8)都不支持属性值 &qu ...
给单元素艺术添加动画
2017-08-18 19:00:12

给单元素艺术添加动画

原文:Animating Single Div Art翻译:nzbin导读:学习工具的最好的方法就是尝试新技术,本文通过&ldquo;单元素艺术&rdquo;介绍了 CSS 变量的使用以及给单元素添加动画的几种方法。通过学习作者编写的复杂的&ldquo;单 ...
响应式web设计之@media
2017-08-18 17:00:11

响应式web设计之@media

两种方式,一种是直接在link中判断设备的尺寸,然后引用不同的css文件:1<link rel="stylesheet" type="text/css" href="styleA.css" media=" ...
BFC简析
2017-08-18 15:00:26

BFC简析

一、BOX模型box是CSS中布局的基本单位,而不同类型的box,会参与不同的Formatting Context(一个决定如何渲染文档的容器),box内的元素会以不同的方式渲染。block-level:display属性为blcok、table、list-item,会生成blo ...
CSS布局
2017-08-18 15:00:24

CSS布局

在web页面布局中居中是我们常遇到的情况,而居中分为水平居中与垂直居中 文本的居中CSS中对文本的居中做的非常友好,我们是需要text-align, line-height 两个属性就可以控制文本的水平以及垂直居中 <head> <style type= ...
HTMLCSS——使用DIV和CSS完成网站首页重构
1、DIV 相关的技术   Div 它是一个 html 标签,一个块级元素(单独显示一行)。它单独使用没有任何意义,必须结合CSS来使用。它主要用于页面的布局。  Span 它是一个 html 标签,一个内联元素(显示一行)。它单独使用没有任何意义,必须结合CSS 来使用。它主要 ...
H5之audio标签放音兼容所有浏览器方法
前端交流群,群文件提供大量文档、书籍和资料。期待你的加入!群号:127768464 由于项目需要,最近刚做了一个网页放音的功能,使用到了H5新标签<audio></audio>,但是audio只能支持IE8以上的 ...
清除浮动的几种方式
2017-08-18 13:00:08

清除浮动的几种方式

不清除浮动会怎样?(1):背景不能显示 (2):边框不能撑开 (3):margin 设置值不能正确显示(4):下方内容往上移盖住浮动区域的内容 html代码:<div class="container"> <div class=" ...
25个Web前端开发工程师必看的国外大牛和酷站
逛了一周国外大牛们的博客与酷站,真是满满的钦佩、震撼、羡慕、惊喜&hellip;&hellip;&hellip;&hellip;Web设计是一个不断变化的领域,因此掌握最新的发展趋势及技术动向对设计师来说非常重要。无论是学习新技术,还是寻找免费资源 ...
CSS z
2017-08-18 10:00:07

CSS z

理清 position及z-index的用法:static :  无特殊定位,对象遵循HTML定位规则absolute :  将对象从文档流中拖出,使用left,right,top,bottom等属性进行绝对定位。而其层叠通过z-index属性定义。此时对象不具有边距,但 ...
HTML5本地存储应用sessionStorage和localStorage
在html5之前,浏览器要实现数据的存储,一般都是用cookie,但是cookie有域名和大小限定. html5流行之后,可以通过localStorage和sessionStorage实现浏览器端的数据存储,这两者有什么特点呢?sessionStorage   session ...
CSS的position属性:relative和absolute
relative:是相对于自己来定位的,例如:#demo{position:relative;top:-50px;},这时#demo会在相对于它原来的位置上移50px。如果它之前的元素也为relative并有偏移,则两个偏移不想加,relative只在它原本所在位置上进行偏移。r ...
electron打包成桌面应用程序的详细介绍
1.前提条件 a. 安装了node b.安装了electron c.你知道自己写的东西(js,css,html等等)放在那个文件夹(假设这个文件夹命名为 app,下面会用到)中2.安装electron-packager a.在app文件夹中打开命令窗口(在空白处使用 ...
ASP.NET前台html页面对table数据的编辑删除
摘要:本来说这个企业的门户网站单纯的做做显示公司文化信息的,做好了老板说要新增在线办理业务,本来这个网站是基于别人的框架做的前台都只能用纯html来做。好吧上两篇我就写了table里面向数据库插入数据《ASP.NET前台html页面AJAX提交数据后台ashx页面接收数据》跟前台 ...
微信二次分享不显示摘要和图片的解决方法
微信二次分享不显示摘要和图片的解决方法 解决不显示摘要和图片的问题,需要调用微信公众号的js-sdk的api ,需要前端和后台的配合,后台需要返回 appid (公众号的appid ) 、 timestamp (生成签名的时间戳) 、nonceStr (签名的随机字符串) ...
HTML常用标签总结
2017-08-17 16:00:09

HTML常用标签总结

学习前端开发,第一步要学习的绝对是HTML。什么是HTML?HTML 是(Hyper Text Markup Language)四个单词的缩写,翻译过来就是超文本标记语言, 所以它不是一门编程语言,只是一门标记语言。学习html的第一步就是需要学习它的标签如何使用 ...
在WebGL场景中使用2DA*寻路
这篇文章将讨论如何在一个自定义的地面网格上进行简单的2D寻路,以及确定路径后如何使用基于物理引擎的运动方式使物体沿路径到达目标地点。读者需要预先对WebGL和Babylonjs知识有一些了解,可以参考我录制的WebGL入门视频教程和翻译的官方入门文档,当然也可以用自己喜欢的其他方 ...
css中代码格式以及@import的语法结构
CSS中代码格式CSS是Cascading Style Sheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制,属于表现层的布局语言。1.基本语法规范分析一个典型CSS的语句:p {COLOR:#FF0000;BACKGROUND:#FFFFFF} 其中" ...
HTMLCSS——网站注册页面
2017-08-17 00:00:13

HTMLCSS——网站注册页面

1、表单标签  所有需要提交到服务器端的表单项必须使用<form></form>括起来!  form 标签属性: action,整个表单提交的位置(可以是一个页面,也可以是一个后台 java 代码)           method,表单提交的 ...
HTML5语法基础学习笔记
2017-08-16 23:00:12

HTML5语法基础学习笔记

1.行间样式给单独的标签添加样式.<div ></div>优点:比较方便可以即时的添加属性。缺点:修改属性非常麻烦、需要一个个去修改。2.内联样式表<style>div{ <!--选择器跟{}符号 属性写在里面-->}</s ...
本地存储与地理信息
2017-08-16 21:00:11

本地存储与地理信息

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> ...
Canvas放置反弹效果随机图形
1 var raf; 2 var arror = []; 3 var running = false; 4 //绘制圆形 5 function createBall() { 6 return { 7 x: 0, 8 y: 0, 9 vx: 10-Math.rando ...
特殊的上下文选择符
2017-08-16 18:00:11

特殊的上下文选择符

通过增删选择符熟练各个选择符的用法:(注:笔者FF浏览器在源码上注释一部分内容后并不能改变运行后的输出结果,必须删除要注释的内容才行)<!DOCTYPE html><html> <head> <styl ...
从零入手微信小程序开发
前言:哈哈,发现我写的随笔都是项目驱使的。当然,这篇也是项目驱使的咯,前段时间领导在玩微信时候发现了微信小程序的好处,流程,切换速度快等,然后就让小弟研究研究小程序的实现。补充下,博客大多都是处理项目上遇到的一些问题,而本人的GitHub则比较倾向于新知识点的搜集和运用,在此,补 ...
11个超震撼的HTML5和纯CSS3动画源码
1.jQuery多功能手风琴个人信息菜单面板这是一款基于jQuery的手风琴个人信息菜单面板,每一个菜单项展开后可以自定义布局,因此可以为每一个菜单项实现多功能。类似这样的多功能菜单还有jQuery/CSS3大屏下拉菜单,非常实用。由于这款手风琴菜单是基于jQuery框架的,因此 ...
单页面响应式模板:黑石
预览: 部分页面展示: 演示及下载: 演示地址 免费下载 更多模板请立刻访问 模板集市 介绍:单页面响应式模板,支持ipad,iphone浏览器兼容:现代浏览器(支持HTML5/CSS3)支持jQuery/Med ...
HTML Canvas:基本操作
2017-08-16 16:00:28

HTML Canvas:基本操作

HTML5 CANVAS ELEMENTHtml5 canvas element<canvas id="myCanvas" width="500" height="300">Html5 canvas elem ...
4个另你爱不释手的神奇设计酷站
一款高颜值纹理网站:The Pattern Library 哈哈哈发现了一个超高颜值在线下载纹理背景的网站,特别特别好玩儿!各种风格的都有!可以一张一张翻看,也可以点击右边最下方的浏览按钮,就可以浏览全部纹理了。网站素材均免费下载,下载下来的素材默认是png格式的四方连图案, ...
HTML基础——网站后台显示页面
1、框架集标签:   <frameset rows="" cols="">     <frame src=""/>     <frame name=""/> ...
HTML5 Canvas:初始Canvas
2017-08-16 15:00:17

HTML5 Canvas:初始Canvas

Canvas ,HTML 5中引入它,可以做很多事情:画图、动画、游戏开发等等。 Canvas 元素Canvas 中文翻译为:画布。 <canvas id=&rdquo;yourCanvasId&rdquo; width=&rdquo;3 ...
HTML基础——网站首页显示页面
1、表格标签: border设置边框,align设置位置(居中等),bgcolor设置背景颜色,cellspacing设置边框之间的空隙,cellpadding设置边框与里面内容的间距。     <table border="" width=" ...
line
2017-08-16 14:00:09

line

1、line-height定义line-height表示行高,即两行文字基线间的距离。以下是图示说明:行高是2条红线之间的距离,即:1+2+3+4在实际测量中,基线不好找,可测量顶线到顶线的距离来代替行高。2、行间距line-height 与 font-size 的计算值之差(在 ...
网页设计命名规范
2017-08-16 12:00:21

网页设计命名规范

百度找的资料:网页设计命名规范一.网站设计及基本框架结构:网页设计命名规范1. Container“container“ 就是将页面中的所有元素包在一起的部分,这部分还可以命名为: “wrapper“, “wrap“, “page“.2. Header“heade ...
css before和after伪元素应用
1、说明":before" 伪元素可以在元素的内容前面插入新内容。":after" 伪元素可以在元素的内容之后插入新内容。2、兼容性伪元素有2种写法,单冒号和双冒号,单冒号和双冒号作用是一样的。兼容性查看 >从上图看见:IE8浏览器只 ...
样式表   属性/背景
2017-08-16 00:00:18

样式表 属性/背景

!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> .font{ / ...
HTML基础——网站友情链接显示页面
1、列表标签  有序列表:type默认是1,2,3……,reserved指降序排列      <ol type="I" start="" reversed="reversed">        &l ...
angular或者js如何确定选中ul中的哪几个li
刚来新公司接到新的需求做一个知识库页面红色的是单选 蓝色的是多选 这些都是需要传递到后台的 开始不知道如何解决 下班后在家想到一个很巧妙的办法 不多说上代码 箭头所指就是在li里写一个隐藏的radio标签,把后台需要的id字段绑定 ...
label+input实现按钮开关切换效果
label+input实现按钮开关切换效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta nam ...
CSS边框外的小三角形+阴影效果的实现。
...虽然是一个很小的问题,但其实还是挺实用的。实现一个边框外的角。用纯CSS来写。一开始实现的效果是这个样子的。 但是这个效果没有办法给他附带阴影,所以换了一种写法。实现成了这个样子想要实现这个小三角形,不适用icon ,用纯CSS写,其实是利用了border的特性来实现的 ...
HTML基础——网站图片显示页面
1、图片标签  <img />   属性:     src:指的是图片显示的路径(位置)       绝对路径:D:\Pictures\Saved Pictures       相对路径:           ①同一级:直接写文件名称或者./文件名称 ...
html中title属性换行实现
2017-08-15 18:00:27

html中title属性换行实现

本文主要讲解titile属性换行的实现方式。<title> 元素可定义文档的标题,可以应用在img、a等标签上。1、实现方式:<!DOCTYPE html><html lang="zh"> <head> ...
box
2017-08-15 18:00:21

box

1、box-sizing属性功能官方说明文档为:http://www.w3school.com.cn/cssref/pr_box-sizing.aspbox-sizing 属性允许您以特定的方式定义匹配某个区域的特定元素。通俗来说就是:定义盒模型尺寸。box-sizing属性有一 ...
HTML基础——网站信息显示页面
1、语法和规范HTML文件都是以.html或者.htm结尾的。建议使用.html结尾。 HTML文件分为头部分(<head></head>)和体部分(<body></body>) HTML标签都是由开始标签和结束标签组成。(< ...
bootstrap无间距栅格/grid no
/*bootstrap无间距栅格*/.row.no-gutter { margin-left: 0; margin-right: 0;}.row.no-gutter [class*='col-'] { padding-right: 0; padding-l ...
用五种方法来聊一聊传说中的三栏布局
引言  三栏布局是目前网站建设的主流布局,同时也是面试中必考的一个点,无论是PC端还是移动端三栏布局都是非常重要的一个CSS知识点,关于三栏布局的方案说的最烂的莫过于圣杯布局了,其主要的核心思想其实就只有一条:实现两栏固定,中间自适应,保证页面的布局不受窗口大小的变化而紊乱。本文 ...
css3最新版中文参考手册在线浏览
对于CSS 3.0,它对于我们Web设计人员来说不只是新奇的技术,更重要的是这些全新概念的Web应用给我们的设计开发提高了效率以及更多的无限可能性,我们将不必再依赖图片或者 Javascript 去完成圆角、块/文字阴影、渐变、透明度等提高Web设计质量的特色应用。 ...
css控制文本单行或者多行溢出显示为省略号...
p:first-child {  background-color: pink;  width: 150px;  line-height: 28px;  font-size: 20px;  overflow: hidden;  text-overflow: ellipsis;   ...
关于Egret模块化开发
2017-08-15 00:00:08

关于Egret模块化开发

关于Egret模块化开发---vip系统目录关于Egret模块化开发---vip系统... 1前言... 1一,搭建界面... 1二,建立数据模型... 31)数据模型的搭建: 32)数据的建立... 43)数据的增删改查... 7三.做交互, 7结束... 8 前言做 ...
AngularJS小案例:日程表
2017-08-14 20:00:08

AngularJS小案例:日程表

功能:添加事件/完成事件/删除事件 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 & ...
不受控制的 position:fixed
2017-08-14 18:00:08

不受控制的 position:fixed

本文为纯理论文章,没有 Demo,没有配图,可能会略微枯燥。大家都知道,position:fixed 在日常的页面布局中非常常用,在许多布局中起到了关键的作用。它的作用是:position:fixed 的元素将相对于屏幕视口(viewport)的位置来指定其位置。并且元素 ...
[html]Sublime Text添加插件
2017-08-14 11:00:10

[html]Sublime Text添加插件

今天想在Sublime Text(简称ST)内编写HTML后直接使用浏览器看效果,想添加View in Browser插件,然后遇到奇怪的问题添加插件直接报"找不到有用的插件"一开始怀疑是中文破解版的,换成原版的就会好。但是官网上下载原版还是不行,然后上网搜了 ...
js 中三元运算符的运用
2017-08-14 10:00:20

js 中三元运算符的运用

外层为false,逐级向内层判断 $scope.nums=700; $scope.result=($scope.nums>300)?($scope.nums>400)?($scope.nums>500)?($scope.nums>600)?' ...
Easyui  官网网址
2017-08-14 00:00:07

Easyui 官网网址

http://www.jeasyui.com/download/list.php下载版本1.5.2的easyui中文API,可在CSDN网站http://download.csdn.net/download/tkk_lcm/9932078下载,不过需要有CSND账号和1个积分才行 ...
佳宝打印
2017-08-13 22:00:26

佳宝打印

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>珠峰培训&l ...
第一页下一页12345678910下10页末页第1/217页,总共:12964条数据