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是可重复的，并�
相关文档：
CSS 和 JavaScript 标签 style 属性对照表：
盒子标签和属性对照
CSS语法（不区分大小写） JavaScript语法（区分大小写）
border border
border-bottom borderBottom
border-bottom-color borderBottomColor
border-bottom-style borderBottomStyle
border-bottom-width borderBottomWidth
border-color bor ......
jsp页面调用 <link type="text/css" rel="stylesheet" href="css/style.css"/>样式表
其他样式都可以再页面正常显示
.button-qingchu{background:url(images/qingchu.jpg); width:70px; height:30px; border:0px;} 像这样的背景图片样式就显示不出图片是什么问题！ Myeclipse 6.5
在html中都可以显示 在jsp中显示 ......
ninjacontent组件在我的网站上显示不正常，想修改它的CSS使其正常，可是怎么也找不到它的CSS的位置，现在终于找到了，特把它记录下来，以备有遇到跟我一样问题的人查看。
CSS位置：网站根目录\media\com_ninjacontent\css\目录下。 ......
原理：
当两个同父元素z-index相同时，后面的元素显示在上面。
当z-index超过浏览器最大值时，浏览器会按最大值计算。
方法：
连续放置两个div元素d1，d2；并设定position:absolute及不同背景色。
设定d1.z-index = max + 1, d2.z-index = max；
当max + 1有效时，d1在前；当max + 1 无效时，d2在前。（参看原理） ......
Data visualization is mostly achieved with flash applications or
with help of some programming languages. Are those solutions the only
way to present, let's say simple data chart? How about giving it a try
with nothing but good ol' css?
Take a look at the Demo
| Download Css Chart
Approach
......
