CSS3 text-shadow 属性
基本文字阴影（text-shadow）：h1{text-shadow:2px2px#ff0000;}在此页底部有更多的例子。表格中的数字表示支持该属性的第一个浏览器版本号。属性 text-shadow4.010.03.54.09.6text-shad...
CSS3 transition过渡属性
<ahref="http://www.51dev.com">www.51dev.com</a><!DOCTYPEhtml><html><head><style>div{width:100px;height:100px;background:yell...
div+css3绘制基本图形
基本图形包括：矩形、圆角矩形、圆形、椭圆形、三角形、值线、弧这些图形的绘制用到了CSS圆角属性，不考虑IE8。下面的实现在chrome浏览器运行通过。 1.矩形比较简单，通过CSS设置宽度、高度、背景色即可。html:<divclass="rectangle"></div>css:.r...
CSS3布局篇（多列布局）
我们通过学习CSS3，能够创建多个列来对文本进行布局，就像报纸那样排版那样！可以参考详细说明：http://www.w3school.com.cn/css3/css3_multiple_columns.asp如下多列属性：column-count：规定元素应该被分隔的列数。column-gap：规定列之间的间隔。col...
css3布局篇（双飞翼）
大家看到好多电商网站都见过经典三列布局，它也叫做圣杯布局，是KevinCornell在2006年提出的一个布局模型概念，这个在国内最早是由淘宝UED的工程师传播开来，在中国也有叫法是双飞翼布局，它的布局要求有以下的几点：1、三列布局，中间宽度就自适应，目的都是左右两栏固定宽度； 2、在执行代码时候，代码是从上...
00.Web大前端时代之：HTML5+CSS3入门系列~Bug反馈文章
感谢广大网友的热心提醒，现已发现如下错误：感谢“”对画布笔记系列的反馈（QQ：350223285）这个是失误，strokeStyle和stroke对应待续。。。。欢迎提出更多问题，感谢大家~...
08. Web大前端时代之：HTML5+CSS3入门系列 ~ QQ空间时间轴
Web大前端时代之：HTML5+CSS3入门系列：http://www.cnblogs.com/dunitian/p/5121725.html 大前端系列，主要就是使用CSS3.0来实现，注释我已经打在代码里面了，直接看代码就可以了，后面会说一下CSS3.0系列，这个就当一个引入吧： 简单版本：&l...
08. Web大前端时代之：HTML5+CSS3入门系列~H5 Web存储
Web大前端时代之：HTML5+CSS3入门系列：http://www.cnblogs.com/dunitian/p/5121725.html ...
07. Web大前端时代之：HTML5+CSS3入门系列~H5 地理位置
Web大前端时代之：HTML5+CSS3入门系列：http://www.cnblogs.com/dunitian/p/5121725.html源码：https://github.com/dunitian/LoTHTML5/tree/master/LoTHTML5/4.HTML5定位定位类型IP定位优点任何位置都可用在服...
06. Web大前端时代之：HTML5+CSS3入门系列~HTML5 画布
Web大前端时代之：HTML5+CSS3入门系列：http://www.cnblogs.com/dunitian/p/5121725.html我们先看看画布的魅力： 初始画布canvas默认是宽300px，高150px;绘制步骤1.定义一个id<canvasid="canvasOne"wid...
05. Web大前端时代之：HTML5+CSS3入门系列~H5 多媒体系
Web大前端时代之：HTML5+CSS3入门系列：http://www.cnblogs.com/dunitian/p/5121725.html1.引入概述音频文件或视频文件都可以看做是一个容器文件（类似于压缩的zip）编解码器就是读取特定的容器格式，对其中的音频与视频轨进行解码，然后实现播放解码器解码器（decoder...
04. Web大前端时代之：HTML5+CSS3入门系列~HTML5 表单
Web大前端时代之：HTML5+CSS3入门系列：http://www.cnblogs.com/dunitian/p/5121725.html一、input新增类型：1.tel：输入类型用于应该包含电话号码的输入字段 2.url：用于应该包含URL地址的输入字段-提交表单时对url字段的值自动进行验证<...
02.Web大前端时代之：HTML5+CSS3入门系列~H5结构元素
Web大前端时代之：HTML5+CSS3入门系列：http://www.cnblogs.com/dunitian/p/5121725.html1.结构元素可以理解为语义话标记，比如：以前这么写<divid="nav"></div>现在偷懒写：<nav></nav>1.he...
01.Web大前端时代之：HTML5+CSS3入门系列~初识HTML5
Web大前端时代之：HTML5+CSS3入门系列：http://www.cnblogs.com/dunitian/p/5121725.html文档申明<!--文档类型申明，html代表是html5的文档类型--><!DOCTYPEhtml>字符编码（UTF-8）<!--字符编码，chars...