(二)CSS基础语法

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名称对大小写是敏感的。

所以,保险起见,严格区分大小写,并且在属性值和单位之间不能留有空格。

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。