Web 基础知识

作者wanglei

5月 28, 2021

加粗,倾斜,下划线:

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的兼容性问题。

作者 wanglei

发表评论