CSS的基本组成三要素

这篇文章主要介绍“CSS的基本组成三要素”，在日常操作中，相信很多人在CSS的基本组成三要素问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”CSS的基本组成三要素”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

CSS基本语法-选择符、属性和值

CSS基本语法很简单主要由三个要素组成,分别是选择符、属性和值。

选择符

选择符就是赋予内部或者外部样式表的名字,选择符可以是一个HTML标签,或者一个HTML中定义的元素ID,也可以是HTML定义的个CLASS名,选择符是一个CSS的基本单位。

属性

每个选择符都有属性(properties)在大括号{}中，里面包括诸如color、font-weighth或者background-color形式的字样。

值(value)

CSS中值在半角英文引号:后面，用半角英文分号;隔离。

示例代码

body{font-size:0.8em;color:navy;}

如上，这给body选择符里的font-size和color属性赋值。

基本上，这应用在HTML文档的话，在body标签之间(整个窗口的内容)文本将会有0.8em大小，显示为深蓝色。

长度和百分比

CSS中有很多专有的属性单位，也有很多能够用在大量属性的常规单位，在你继续学习之前，它们值得你熟悉一下。

em(比如font-size:2em)是一个大致与一个字符高度相同的单位。

px(font-size:12px)是一个像素的单位。

pt(font-size:12pt)是一个磅的单位。

%(font-size:80%)是一个……单位，等等，哦，是百分比。

其他单位还包括pc(活字)，cm(厘米)，mm(毫米)和in(英寸)。

一个值是0的时候你不必为它声明一个单位。比如，你不想要边界，可以这样设置：border:0。

到此，关于“CSS的基本组成三要素”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注亿速云网站，小编会继续努力为大家带来更多实用的文章！