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是可重复的，并�
相关文档：
Alert{
backgroundColor: #2791DB;
headerColors:#2791DB,#2791DB;
borderThicknessLeft:0;
borderThicknessRight:0;
borderThicknessTop:0;
font-size:14;
buttonStyleName: myCustomButtonStyleName;
}
.myCus ......
ninjacontent组件在我的网站上显示不正常，想修改它的CSS使其正常，可是怎么也找不到它的CSS的位置，现在终于找到了，特把它记录下来，以备有遇到跟我一样问题的人查看。
CSS位置：网站根目录\media\com_ninjacontent\css\目录下。 ......
实现Gridview表头固定可以通过CSS来实现
将GridView放进一个Panel中，然后设置Panel可以有竖滚动条(参见我的另一篇为Gridview生成滚动条)。设置Gridview的Style为<HeaderStyle CssClass="GridViewHeader" />
.GridViewHeader {
position:relative ;
tabl ......
今天写了一个简单的网页，请看代码：
错误的：
HTML代码：
今天的日子
//CSS代码使用外部引入式
我的家乡在凯里
CSS代码：
/* CSS Document */
body{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:red; /*要的就是这样的效果：设置字体颜色为红色*/
}
结果显示的字� ......
原理：
当两个同父元素z-index相同时，后面的元素显示在上面。
当z-index超过浏览器最大值时，浏览器会按最大值计算。
方法：
连续放置两个div元素d1，d2；并设定position:absolute及不同背景色。
设定d1.z-index = max + 1, d2.z-index = max；
当max + 1有效时，d1在前；当max + 1 无效时，d2在前。（参看原理） ......
