Web 基础知识
加粗,倾斜,下划线:
font-weight:bold;
font-style:italic;
text-decoration:underline;
背景颜色、前景色:
background-color:red;
color:red;
class和id的区别
class用于css的,id用于js的。
1)class页面上可以重复。id页面上唯一,不能重复。 2)一个标签可以有多个class,用空格隔开。但是id只能有id。
各种选择器(浏览器兼容性)
IE6层面兼容的选择器: 标签选择器、id选择器、类选择器、后代、交集选择器、并集选择器、通配符。如下:
p
#box
.spec
div p
div.spec
div,p
*
IE7能够兼容的:儿子选择器、下一个兄弟选择器。如下:
div>p
h3+p
IE8能够兼容的:
ul li:first-child
ul li:last-child
参考链接:
css两个性质
-
继承性
-
层叠性
如何使用手册
CSS参考手册的网址:http://css.doyoe.com/
CSS参考手册的下载链接:http://download.csdn.net/download/smyhvae/10243974
在查看CSS参考手册时,需要注意以下符号:
CSS 的选择器
div 标签选择器
.box 类型选择器
#box id 选择器
div p 后代选择器
div.box 交集选择器
div,p,span 并集选择器
div>p 子代选择器
* : 通配符
div+p : 选中 div 后面相邻的第一个 p
div~p : 选中的 div 后面所有的 p
处理兼容性问题:私有前缀
通过网址http://caniuse.com/ 可以查询CSS3各特性的支持程度。
处理兼容性问题的常见方法:为属性添加私有前缀。
如此方法不能解决,应尽量避免使用,无需刻意去处理CSS3的兼容性问题。