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是可重复的，并�
相关文档：
IE6、IE7、IE8、FF浏览器的CSS兼容问题，本来ie6跟ff之间的兼容是很容易解决的。加上个ie7会麻烦点，ie8的出现就更头疼了，原来hack ie7的方法又不能用了，怎么办呢？
还好，微软提供了这样一个代码： 把这段代码放到里面，在ie8里面的页面解析起来就跟ie7一模一样的了，所以，基本上可以无视ie8，剩下的代码只需要这样写� ......
方法超级简单三句话：
第一：做网站用IE7.0，这个版本是最标准的版本。先不要管别的浏览器是否兼容。
第二：网站做完，好了用IE6.0，IE8.0测试一下，好了，IE6.0有小部分变动，IE8.0惨目人睹，现在先来解决IE6.0的问题
IE6.0是现在最烂最垃圾的浏览器版本，o(︶ ......
ninjacontent组件在我的网站上显示不正常，想修改它的CSS使其正常，可是怎么也找不到它的CSS的位置，现在终于找到了，特把它记录下来，以备有遇到跟我一样问题的人查看。
CSS位置：网站根目录\media\com_ninjacontent\css\目录下。 ......
/* Cascading Style Sheet for IE4.01 last updated 10-16-97 */
DIV {COLOR: #333333; FONT-FAMILY: "宋体", "Arial", "Tahoma"; FONT-SIZE: 9pt}
P {COLOR: #333333; FONT-FAMILY: "宋体", "Arial", "Tahoma"; FONT-SIZE: 9pt}
TD {COLOR: #333333; FONT-FAMILY: "宋体", "Arial", "Tahoma"; FONT-SIZE: 9pt}
BODY {C ......
.ie
{
border:1px solid #000000;
width:100px;
height:300px;
font-size:12px;
}
.ie div
{ text-over:
overflow:hidden;
text-overflow:ellipsis ......
