1.box-shadow 属性向框添加一个或者多个阴影. 语法: box-shadow: h-shadow v-shadow blur spread color inset h-shadow 必须,水平阴影的位置,允许负值. v-shadow 必须,垂直阴影的位置,允许负值. blur 可选 模糊距离. spread 可选,阴影的尺寸. color 可选,阴影的颜色. inset 可选,将外部阴影(outset) 改为内容步阴影. 示例: <style> .shadow{width: 300p…

下面盘点了22款适用于网页设计的HTML&CSS3 UI工具包,并且全部都是免费的哦!喜欢就赶紧 下载或收藏吧.这些免费工具可以加速你的网页开发进程,让你有更多时间专注于其他更重要的部分.由于扁平化设计是当前趋势,所以下面也盘点了多款扁平化风 格的UI工具包.另外要提醒的一点就是,使用之前务必注意这些工具的浏览器兼容性,因为有些还未经100%的测试. 1.Get Shit Done Kit 免费的Bootstrap 3 UI工具包,绝佳的在线项目工具,支持响应式设计和各种易于使用的UI元素.它干…

1.属性选择器 完全匹配的属性选择器 [id=article]{} 示例: <style> input[type=text]{ border: 2px solid red;} </style> <input type="text"> <input type="text"> <input type="password"> 结果:前两文本框的边框为两像素红色. 包含匹配元素选择器,包含制定的…

UI渲染的简单过程: CPU,GPU,显示器协同工作,CPU 中计算显示内容,比如视图的创建.布局计算.图片解码.文本绘制等,然后将计算结果提交给GPU,由 GPU 进行变换.合成.渲染.随后 GPU 会把渲染结果提交到帧缓冲区去,随后等待下一次 VSync(垂直同步信号) 到来时,视频控制器会逐行读取帧缓冲区的数据,经过可能的数模转换传递给显示器显示.由于垂直同步的机制,如果在一个 VSync 时间内,CPU 或者 GPU 没有完成内容提交,则那一帧就会被丢弃,等待下一次机会再显示,而这时显示…

CSS3 介绍 开始实例 新特征简介 强大的CSS选择器 抛弃图片的视觉效果 盒模型变化(多列布局和弹性盒模型) 阴影效果 Web字体和web Font 图标 CSS33过渡与动画交互效果 媒体查询 查看浏览器份额 点我查看 伪类(Pesudo Classes) (1)动态伪类选择器 实例 :link 设置a对象在未被访问前的样式表属性 :visited 设置a对象在其链接地址已被访问过时的样式表属性 :hover 设置对象在其鼠标悬停时的样式表属性 :active 设置对象在被用户激活(在鼠标…

选择器 说明 例子/备注 E:hover 当鼠标移到元素上元素所使用的样式 :hover{}或input:[type="text"]:hover{} E:active 当元素被激活时使用的样式 似hover E:focus 当元素获得光标焦点时 似hover E:enabled 当元素处于可用状态时 似hover E:disabled 当元素处于不可选状态 input:[type="text"]:disabled// E:read-only 当元素处于只读 似dis…

CSS/CSS3在线手册:http://www.css119.com/book/css/   CSS3实现水平垂直居中:http://bbs.html5cn.org/thread-87300-1-1.html    http://www.w3cplus.com/css/centering-css-complete-guide.html   CSS魔法:http://www.cssmagic.net/   你很熟悉CSS,却没掌握这些CSS技巧:http://www.html5cn.org/art…

随着Css3和html5的风靡,越来越多的前端人员开始学习Css3,今天的文章就是来说说前端应该掌握10个Css3属性. 1. Border-radius Border-radius是一大堆CSS3属性中最受欢迎的一种,border-radius是CSS3中级别最高的一个属性.当设计者害怕一个层在将在不同的浏览器之间以不同的方式显示时,CSS圆角,一个很初级的知识,将引导他们开始学习. 我们为移动浏览器提供一个备用的观看体验的想法都非常好.奇怪的是,当这种方法出现在桌面浏览器上时,他们却又不这么…

前言:之前自学了一些关于CSS3的知识,在学习过程中也遇到过坑,不过总算磕磕绊绊的学习完了关于CSS3的相关知识,于是最近把之前的笔记和代码整理了一下,也算是一个对CSS3知识的回顾复习吧,也希望能够对想学这方面知识的小白有所帮助.因为是各种渠道找的资料,学习的不算系统,所以知识点涵盖的不甚全面,望各位看官不吝指正批评. CSS3简介 CSS3是CSS2的"进化"版本,在CSS2基础上,增强或新增了许多特性, 弥补了CSS2的众多不足之处,使得Web开发变得更为高效和便捷. css3现…

CSS3模块化结构 CSS历史发展 CSS(Cascading Style Sheet),层叠样式表,是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言. CSS3属性选择器 E[attr=val]表示具有属性att且其值等于val E[attr*=val]表示具有属性attr且其值中包含val E[attr^=val]表示具有属性attr且其值以val开头 E[attr$=val]表示具有属性attr且其值以val结尾 事实上除了以上四个之外还有俩用的相对比较少的属性选择器,那就…