Web开发学习笔记4——CSS学习笔记
注：本学习笔记只是自己的一些备忘，初学者的东西不具有参考性，请到W3School（http://www.w3school.com.cn/css/index.asp）进行系统学习。 学习CSS我使用的工具是Visual CSS，可以实现同步预览，快速学习编辑CSS。 1.CSS的作用：用来规定网页中的内容的显示方式，避免给HTML增加很多的属性而将代码变得臃肿。 2.CSS的应用方式 （1）内联样式：在标签中包括一个style属性，并在其后定义CSS属性及值，例如：Hello world! （2）文档级样式表：将一系列样式规则罗列在HTML文档开头，处于内的和之间，它可以改变外部样式表中定义的一个或多个规则，创建一个个性化的文档，适用于单个HTML文件。 （3）外部样式表：将样式定义放置于分离的文档中，在各个需要应用该样式表的HTML通过在内的标签引入这个分离文档，例如。每次打开页面都需要下载这个表格，所以要尽量减小样式表的容量。 注意：三种样式表作用域不同，同时存在时的页面处理原则为： “近优先于远”——内联样式>文档级样式。 “局部优先于整体”——定义为标签的类的属性>为标签总体进行定义的属性 “特殊优先于一般”——上下文样式>为标签总体进行定义的属性 “后优先于前”——后边指定的属性>前面指定的属性 3.CSS语法： 选择符+属性（属性名+属性值）。 selector：表示受样式规则影响的HTML标记元素的名称，由于XHTML中规定标签都为小写，CSS2则也建议为selector为小写。 property+value：具体定义各种样式属性。 例如： h1{ color:red; font-size:14px; } 4.selector详解 （1）标签选择器：最简单的直接对HTML标签进行操作的选择器，其中有三种特殊的选择器： 1）通配符选择器：将样式应用到文档中的所有元素中： * {
font-style:italic
color:black;
} 3）群组选择器：将几个便签相同的选择器写在一起：p,u1,u2,u3 {
font-style:italic
font.size:18pt;
font.size:10pt;
（3）ID选择器：ID是唯一的选择符，#id 名称 {}，使用时 id=”类别名”方法调用，用于定义大结构，如logo、nav、content、copyright。也就是说id需要具有唯一性的元素使用，尽量在外围使用，而class具有可重复性，尽量在结构内部使用。id是唯一的，并且是父级的，而class是可重复的，并�
相关文档：
作者:李丽媛
邮箱：lly219@gmail.com
日期：2009-1-12
前言（自说自话）
从初识CSS到现在已经5个年头了。大多是断断续续的，可是近一年来接触颇多，甚有一些些体会。
第一次接触只知道font，color，background，margin，padding等基本知识，乃至连margin、padding都分不清个所以然。
在第一次Web大作业中知道了有&ldq ......
方法超级简单三句话：
第一：做网站用IE7.0，这个版本是最标准的版本。先不要管别的浏览器是否兼容。
第二：网站做完，好了用IE6.0，IE8.0测试一下，好了，IE6.0有小部分变动，IE8.0惨目人睹，现在先来解决IE6.0的问题
IE6.0是现在最烂最垃圾的浏览器版本，o(︶ ......
今天写了一个简单的网页，请看代码：
错误的：
HTML代码：
今天的日子
//CSS代码使用外部引入式
我的家乡在凯里
CSS代码：
/* CSS Document */
body{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:red; /*要的就是这样的效果：设置字体颜色为红色*/
}
结果显示的字� ......
１，无图片纯css圆角框
收录理由：兼容性强，不用图形
图一
特点：
1.不用任何图形，使用很多个div容器模拟出圆角效果。
2.兼容性：通杀所有浏览器
缺点：
1.构造这个圆角需要加入太多的无语义的标签，结构比较冗余。
2.重用性不强：如果一个页面有多个圆角，并且要实现不同的半径大小，则其灵活性不够。
3.边框颜 ......
原理：
当两个同父元素z-index相同时，后面的元素显示在上面。
当z-index超过浏览器最大值时，浏览器会按最大值计算。
方法：
连续放置两个div元素d1，d2；并设定position:absolute及不同背景色。
设定d1.z-index = max + 1, d2.z-index = max；
当max + 1有效时，d1在前；当max + 1 无效时，d2在前。（参看原理） ......
