css入门:css语法规则由什么组成?
程序员文章站
2022-03-15 15:35:14
...
很多刚刚css入门的时候,不是很明白css语法规则,也不知道css语法规则由什么组成,下面我们就来讲解一下css语法规则由什么组成?
css主要还是由两个部分组成,第一是选择器,第二就是声明,声明可能是一条也可能是很多条,css选择器也就是我们改变样式的html,每条声明都是由一个属性和一个值组成。css主要的语法为:
selector {declaration1; declaration2; ... declarationN }
下面我们可以通过一个案例来说明css的规则:
h1 {color:red; font-size:16px;}
以上代码中,其中h1就是表示选择器,花括号里面的声明就是属性和值,其中color就是css的属性,red是表示值,其中值的的写法有几种,我们知道红色的写法有几种,也可以利用十六进制#ff0000去表示,当然我们想要使用更少的字节,也可以使用css缩写表示,有的时候我们也可以使用rgb百分比,使用百分比的时候,我们要写百分比符号。
css最重要的一点就是多重声明,如果想要定义几种声明的话,我们可以使用声明的符号去分开,最后一个属性是不需要添加分号的,分号在英语中是一个分隔符号,并不是一种结束符号,但是很多有经验的人都喜欢加上分割符号,这样的做可能会减少我们出错的几率。例如:
p { text-align: center; color: black; font-family: arial; }
最后我们一定要注意,空格和大小写,很多样式都是不止一条声明,所以千万不要出现空格,如果css涉及和html一起工作的话,css的中的class是很敏感。
以上就是对css入门:css语法规则由什么组成的全部介绍,如果你想了解更多有关CSS教程和CSS3教程,请关注。
以上就是css入门:css语法规则由什么组成?的详细内容,更多请关注其它相关文章!
下一篇: JS中this与event的区别详解