DIV+CSS基础DIV+CSS补充知识:CSS最基本的语法总结

DIV+CSS补充知识:CSS最基本的语法总结

CSS的语法规则由两个部分构成,选择器以及一条或多条声明。选择器就是你想定义的html元素,每条声明由属性和值组成,属性和值之间以冒号(CSS中使用的标点符号均为英文状态下的标点符号)隔开,每组声明之间以分号隔开,针对一个选择器的一组声明放在一组大括号内,紧跟着选择器的后面,例如:

h6 {margin:0;padding:0;font-size:18px;} 
#main ul li {margin:5px;padding:10px;}

上述的CSS代码中,大括号前的h6以及#main ul li都属于一个选择器,而margin:0padding:0等则属于一组声明,在声明中,冒号前面的margin或padding等称为属性,冒号后面的值则是对应的属性值。

属性值根据属性的不同而不同,比如color属性,其属性值则是颜色名或十六进制表示的颜色值,而如font-size属性,其属性值应该是表示字号大小的绝对或相对尺寸……

书写CSS可以像上面的例子那样,将属性写在同一行内,也可以分行书写,每行只写一组声明,例如:

h6 {
 margin:0;
 padding:0;
 font-size:18px;
}

分行书写的可读性更强一些,初学的时候这样写便于查看和修改,所以建议初学者采用分行书写的形式。通常看到别人写的CSS代码里,选择器和大括号之间会留有空格,这个空格不是必须的,有的CSS代码里,大括号和声明之间留有空格,或者声明之间的分号后也留有空格,这些空格都不是必须的,但是为了代码的美观和方便浏览,给这些地方加上空格是一个好习惯。而选择器最后一个声明的末尾不需要加分号,因为分号的作用是分隔而不是结束,但初学者经常需要更改代码,所以建议不要省略末尾的分号。

将属性值中出现空格的时候,请务必给该值加上引号,例如:

div {font-family:"sans serif";}

这个表示字体的属性值本身带有空格,如果不加引号的话,不能被正确识别。

在CSS中,通常情况下是不用区分大小写字母的,但是建议大家使用小写字母,小写更具有识别性,不要大小写混用,这样会使写出的代码不正式,不容易阅读,例如:

#middle {BACKGROUND-COLOR: red;PADDING-TOP: 1px;}  /*--不好的写法--*/

上面这样的CSS代码看起来体验并不好,如果写成下面这样会好很多,尽管使用大写和小写的声明呈现的结果可能并无区别:

#middle {background-color:red;padding-top:1px;font-size:14px;}

在CSS里,如果不同的选择器需要定义相同的声明,那么可以将选择器写在一起,中间以逗号隔开,例如:

h1,#nav,.left {font-size:16px;}

以上的写法表示,h1标题,nav选择器和left类选择器的字号均为16px ……

站长Colin Gao,85后自由职业者,爱钻研,爱学习网页设计。建立本站的目的是整理学习笔记,分享学习经验,认识更多的朋友。感谢您阅读本站的文章,部分内容参考了网上的一些教程,但我会尽量根据自己的理解写更多原创的东西,本站网址如下,欢迎转载:
如果方便的话,转载请注明来自:http://www.cssaaa.com/div_css/12.html