第一部分----CSS基础知识 第1章，CSS需要的HTML HTML越简单，对搜索引擎越友好 div是块级元素，span是行内元素 标签包含一组相关的内容，就像一本书中的章节一样 标签包含与其周边的内容相关的内容，如纸质杂志上的侧边栏一样 标签包含通常放在网页底部的一些信息，如版权声明、法律信息、一些网站的导航链接，等等 标签用来包含重要的导航链接 ...
第二部分----CSS实用技术 第6章，文本格式化 指定备用字体： font-family:Arial,Helvetica,sans-serif; 当访问者没有安装第一种字体时，浏览器会在列表中继续往下搜寻，直到找到备用字体。 若字体名称中包含多个单词，则必须用双引号将它们括起来 font-family:"Times New Roman",Times,serif; sans-serif字体 sans-serif字体看起来干净而简洁，所以常被用...
第9章，装饰网站导航 限制访问，处于隐私方面考虑，浏览器已经开始限制可以对伪类:visited应用哪些CSS属性了。其中包括对已访问过的链接定义color、background-color、border-color等样式（除非已经为那些链接的正常状态定义了颜、背景色和边框色） 对于标签可以对所有不同的访问状态设置样式，但要让样式有效，必须以特定的顺序指定链接：link、visited、hover、active CSS3按钮生成器： htt...
第13章，构建基于浮动的布局 使用的是float（浮动）属性 注：float:none值将取消所有浮动，通常只用来取消元素中已经应用的浮动。 切记：不需要给正文的div设计宽度，即使设计成固定宽度也不用 用浮动进行布局 LayoutGala网站（ http://blog.html.it/layoutgala/）上提供了40种不同的CSS设计，但大多只是基本框架，里面只有标签及其定位用的CSS代码 布局生成器，C...
第十一章 1、 box-sizing：border-box（让宽度和高度包含内边距和边框） 2、 clear让后面的元素显示在浮动元素的后面 3、 z-index只对只对绝对、固定、相对定位的元素有效 4、 vertical-aligh只用于行内元素 baseline/middle/sub/super/text-top/text-bottom/top/bottom/百分比/值 第十二章 1、 and (min-width/max-width/resolution:value)” href=”” /> 2、 第十三章 1、 ...
第七章 1、 样式表：选择器和生命块 2、 !important： 某条声明的重要程度比其他高，在末尾添加 3、 属性值：inherit; 是强制继承 4、 1em=16px; 5、 可以接受不带单位的属性：line-height、z-index、opacity 6、 background-color/color/border/box-shadow/text-shadow: rgba(89,0,127,.2);最后一个是透明度 7、 属性：hsl(95,10%,28%) 色相、饱和度、亮度 第八章 1、 在和中加入media=”pri...
CSS选择器总结： 一．基本选择器 1.通配选择器：[ * ] 选择文档中所以HTML元素。 *{margin: 0;padding: 0;} /*选择页面中的所有元素并设置margin和padding值为0*/ .mumu *{background:#000;} /*选择类名为mumu的元素下面的所有元素设置背景为黑色*/ 2.元素选择器：[ E ] 选择指定类型的HTML元素。 p{color:red;} /*选择p元素*/ 3.ID选择器： [ #id...
使用 CSS3 渐进增强 在编写 Web 页面时，首先让他们在基础的浏览器和设备上正常工作且展现得当，然后再辅以更高级但非必要的 CSS 和 JavaScript 等增强功能，为当前和未来的浏览器提供更好的支持。 相对于那种一开始就力求完美的编写方式，渐进增强的开发方式更能符合我们的实际情况，用户无论在任何浏览器都能够正确展示，但如果在符合增强方式的浏览器运行时就会展现更加丰富的效果。 提升性能 使用...
自定义属性： 选择器 -webkit--moz--o- 属性选择器 在CSS3以前，如果需要选择选择某个/类元素的话，一般会使用id/class来进行选择，CSS3则提供了更强大的功能，可以根据元素中的某个属性，从而选中该元素。具体如下： E[attr]：属性名为 attr 的所有 E 元素 E[attr="value"]：属性 attr 的属性值 为 value 的所有 E 元素 E[attr~="value"]：属性值(>=1)中包含 value 的 E[attr^="value"]：属性值是以 value 开头的 ...
选择器： :root选择器，从字面上我们就可以很清楚的理解是根选择器，他的意思就是匹配元素E所在文档的根元素。在HTML文档中，根元素始终是。 :not选择器称为否定选择器，和jQuery中的:not选择器一模一样，可以选择除某个元素之外的所有元素。 :empty选择器表示的就是空。用来选择没有任何内容的元素，这里没有内容指的是一点内容都没有，哪怕是一个空格。 :target选择器称为目标选择器，用来匹配文档(...
适合初学者以及没看过css3的人快速了解css3的主要内容。 1.opacity ----------------------取值0-1之间，给整个元素和其所有子元素设置透明度级别 2.css选择器---------------------- http://www.w3school.com.cn/cssref/css_selectors.asp 其中li:nth-child(2n+1)表示选择基数个(可以类推) input:not([type="submit"]) 可以做否定的选择 3.html5兼容浏览器老版本对标签不识别问题 4.文本阴影 tex...
CSS选择器总结：一．基本选择器 1.通配选择器：[ * ] 选择文档中所以HTML元素。*{margin: 0;padding: 0;} /*选择页面中的所有元素并设置margin和padding值为0*/.mumu *{background:#000;} /*选择类名为mumu的元素下面的所有元素设置背景为黑色*/2.元素选择器：[ E ] 选择指定类型的HTML元素。p{color:red;} /*选择p元素*/3.ID选择器： [ #id ] 选择指定ID属性值为“id”的任意类型元素。<style> #div1{width:100p...
第七章，CSS构造块 CSS里有控制基本格式的属性（font-size，color），有控制布局的属性（position，float），还有决定访问者打印时在哪里换页的打印控制元素。CSS还有很多控制项目显示或消失的动态属性，可以用于创建下来列表和其他交互性组件。 构造样式规则 样式表中的每条规则都有两个部分：选择器和声明块。 选择器决定哪些块受影响，声明块由一个或多个属性-值对组成，指定应该做什么。为样式规则添加注释 /* 注释 */，可以是...
第十六章，表单 HTML5引入了新的表单元素、输入类型和属性，以及内置的对必填字段、电子邮件地址、URL以及定制模式验证。 元素：---- 电子邮件框---- 搜索框---- 电话框---- URL框 以下元素得到部分浏览器支持：---- 日期---- 数字---- 范围-------- \Grapes ---- \Pears ---- 数据列表 Kiwi ...
第十一章，用CSS进行布局 开始布局注意事项 1、内容与显示分离 2、布局方法：固定宽度和响应式布局 固定宽度，整个页面和每一栏都有基于像素的宽度 响应式布局也称为流式页面，使用百分数定义宽度 3、浏览器问题 注：HTML5 shiv 是少有的必须在head中加载JavaScript的情况之一，否则就不起作用。 关于HTML5 shiv： 与其他主流浏览器不同，IE8及之前版本会忽略它们不原生支持的元素的CSS。HTML5 shiv是专门用于解决这一问题的一段Ja...