CSS语法规则由两个主要的部分构成:选择器,以及一条或者多条声明。
下面的示意图为您展示了CSS语法结构:
例如:
h1{color:red;font-size:14px;}
值得不同写法和单位
其中很多属性值有不同的写法和单位,比如:
1.颜色:除了red英文单词,还有#ff0000十六进制的颜色值,和RGB(255,0,0)
或者RGB(100%,0%,0%)这几种写法。
2.字体大小:有px,em等的单位。
这里不再一一举例,我会在以后的整理中,填充这一部分的知识。
记得写引号
值为若干个单词,则要给值加引号。例如:
p {font-family: "sans serif";}
多重声明
如果定义不止一个声明,要用分号将每个声明隔开。最后一个声明也最好加分号,这样可以避免增减声明发生的错误。另外,每行只写一个属性,增强可读性。例如:
p { text-align: center; color: black; font-family: arial; }
空格和大小写
一般,是否包含空格不会影响CSS在浏览器的工作效果,同样CSS对大小写不敏感。
但是,请不要在属性值和单位之间留有空格,假如你使用 “margin-left: 20 px” 而不是 “margin-left: 20px” ,它仅在 IE 6 中有效,但是在 Mozilla/Firefox
或 Netscape中却无法正常工作。
同样,如果涉及到与HTML文档一起工作的话,class与id名称对大小写是敏感的。
所以,保险起见,严格区分大小写,并且在属性值和单位之间不能留有空格。
时间: 2024-10-07 15:35:19