手揣网教程/网站教程/内容

css基础:css语法规则由啥组成?

网站教程2024-10-08 阅读
[摘要]很多刚刚css入门的时候,不是很明白css语法规则,也不知道css语法规则由什么组成,下面我们就来讲解一下css语法规则由什么组成?css主要还是由两个部分组成,第一是选择器,第二就是声明,声明可能...
很多刚刚css入门的时候,不是很明白css语法规则,也不知道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教程,请关注php中文网。

以上就是css入门:css语法规则由什么组成?的详细内容,更多请关注php中文网其它相关文章!

  • 微信
  • 分享

  • 网站建设是一个广义的术语,涵盖了许多不同的技能和学科中所使用的生产和维护的网站。

    ……

    标签:css基础:css语法规则由啥组成?
    相关阅读