温故而知新.用XMind总结了下CSS3,打钩的代表比较常用的.希望对大家整体上理解CSS3有所帮助吧.…

本文地址http://www.cnblogs.com/Bond/p/3972854.html 最近一直做移动端,没和IE6打交道了,瞬间感觉世界变美好了.移动端虽然还是各种坑,但是比起修复IE6那还是轻松多了,移动端很多效果可以用CSS3来做,感觉一切都和谐的. :before :after 也许大家认识它是从清楚浮动开始的.它在我眼里就是两个标签,而且非常实用好用,常用它你会发现,你可以省去很多冗余的标签.也许以前你用的是三个标签,而现在你只需要一个标签就能搞定. 总结下最近是如何实用它两的.…

圆环形进度条制作的基本思想还是画出基本的弧线图形,然后CSS3中我们可以控制其旋转来串联基本图形,制造出部分消失的效果,下面就来带大家学习图解CSS3制作圆环形进度条的实例教程 首先,当有人说你能不能做一个圆形进度条效果出来时,如果是静态完整圆形进度条,那么就很简单了: .circleprogress{        width: 160px;        height: 160px;        border:20px solid red;        border-radius: 50…

前言: 我买了一本<图解CSS3核心技术与案例实战>大漠写的,为了提高自己的自觉性呢,抓紧看书,把读书笔记放在这上面,跟大家一起分享,也为督促自己完成读书计划. 文末有微信公众号,感谢你的扫一扫关注··· 第1章  揭开CSS3的面纱 渐进增强:开发方式.Web设计理念 网站是否需要在每个浏览器看起来一样? 首先保持最核心的功能能实现,让低端浏览器看到站点内容,然后考虑使用高级但非必要的CSS和JavaScript等增强功能,为当前和未来的浏览器提供更好的支持,带来用户体验. 优雅降级:先考虑…

<图解CSS3:核心技术与案例实战> 基本信息 作者: 大漠 丛书名: Web开发技术丛书 出版社:机械工业出版社 ISBN:9787111469209 上架时间:2014-7-2 出版日期:2014 年7月 开本:16开 页码:486 版次:1-1 所属分类:计算机 > 数码/设计 > CSS 更多关于>>> <图解CSS3:核心技术与案例实战> 编辑推荐 资深Web前端专家历时两载的经验与心血之作,旨在根据最新CSS3规范撰写最权威的CSS3学习资…

作者:大漠 勘误:http://www.w3cplus.com/book-comment.html 2014年7月15日15:58:11 第二章  CSS3选择器 2.1  认识CSS选择器 2.1.1  CSS3选择器的优势 2.1.2  CSS3选择器分类 ┌─1)基本选择器 ┌─3)动态伪类选择器 ├─2)层次选择器 ├─4)目标伪类选择器 CSS3选择器──┼─伪类选择器───────┼─5)语言伪类选择器 ├─9)伪元素 ├─6)UI元素状态伪类选择器 └─10)属性选择器 ├─7)结…

作者:大漠 勘误:http://www.w3cplus.com/book-comment.html 2014年7月14日14:46:35 第一章  揭开CSS3的面纱 1.1  什么是CSS3 CSS2.1是单一的规范,而CSS3被划分成几个模块组,每个模块组都有自己的规范. 1.1.1  CSS3新特性 1.强大的CSS3选择器 2.抛弃图片的视觉效果 3.背景的变革 4.盒模型变化 5.阴影效果 6.多列布局和弹性盒模型布局 7.Web字体和Web Font图标 8.颜色与透明度 9.圆角与…

早期制作圆角都是使用图片来实现.通过用1px 的水平线条来堆叠出圆角或者利用JavaScript等等方法,但是都是需要增加多个无意义的标签来实现,造成代码亢余.如今有了CSS3的圆角属性——border-radius后,我们不必会每种不同的圆角制作图片而烦恼了,即减少了图片的更新制作,减少了亢余标签,我们可以直接使用CSS3中的Border-radius来制作. Border-radius圆角属性 /* 四個方位角同时设定 */ border-radius:[<length>|<perc…

买的时候犹豫了好久,也征询了下几个前端朋友.我一直蛮怕买华章的书,好在这本内容很不错,买得值了. 大漠的css功底很深厚,这本书也很厚= =,读完之后对css圆角以及background-origin与background-clip的区别都有了更深入的了解.其他的内容我表示没吸收到新的东西~~ 从大方面来讲,css3的内容其实也不多:弹性盒.多列布局.渐变.阴影.变形.过渡.动画.媒体查询与web字体.其中,弹性盒的发展历程那叫一个坎坷,各种版本看得眼晕.css3要深入的话其实有蛮多需要提升的地…

(0)css3是啥 css3是最新版本的css,添加了许多新的特性,将切图仔从繁重的工作中解救出来. css3现在主流的浏览器大部分都支持(ie9部分支持,ie8之前的都不支持) 渐进增强,优雅降级 优雅降级(向下兼容):一开始就构建站点的完整功能,然后针对浏览器测试和修复.比如一开始使用 CSS3 的特性构建了一个应用,然后逐步针对各大浏览器进行 hack 使其可以在低版本浏览器上正常浏览. 渐进增强(向上兼容):一开始就针对低版本浏览器进行构建页面,完成基本的功能,然后再针对高级浏览器进行效…