首页 >web前端 >css教程 >css入门:css语法规则由什么组成?

css入门:css语法规则由什么组成?

云罗郡主
云罗郡主原创
2018-11-06 13:57:316496浏览

很多刚刚css入门的时候,不是很明白css语法规则,也不知道css语法规则由什么组成,下面我们就来讲解一下css语法规则由什么组成?

timg.jpg

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教程,请关注php中文网。


以上是css入门:css语法规则由什么组成?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn