欢迎光临杨雨的个人博客站!

杨雨个人网站-杨雨个人博客-杨照佳

杨雨个人博客网站

关注互联网和搜索引擎的个人博客网站

首页 > WEB开发 > css3案例分享 >

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

发布时间:2019-05-24  编辑:杨雨个人博客网站   点击:   

很多刚刚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教程,请关注杨雨个人博客。 本文地址:http://itbyc.com/web/css3/20176.html
转载请注明出处。

分享是一种快乐,也是一种美德:
博客首页 | WEB开发 | 网站运营 | CMS使用教程 滇ICP备14002061号-1