CSS语法结构,组成部分
CSS语法结构
CSS的属性集合rule-set一般情况下由两部分组成,分别是选择器和声明块,其一般的语法结构如下:
选择器 { 属性 : 属性值;}
- 选择器指向HTML的元素,即要设置某个元素的样式首先需要“获取”到该元素;
- 声明块用花括号{}包括,里头声明了样式属性和相应的值;
- 属性和属性值之间用英文的“:”隔开,就像键值对一样;
- 声明的样式属性可以有很多个,属性与属性之间用英文的“;”隔开
- 为了便于代码的维护和修改,属性与属性之间可以用空格隔开,也可以分行来写。
CSS语法结构实例代码
<p id='p1'>笨鸟工具,x1y1z1.com,python全栈,包括web前端,这里是CSS部分。</p>
<style>
#p1{color:skyblue;font-size:1.2em}
</style>
实例代码解析
如上代码,style标签内设置了id=p1的段落p的相关样式,其中#p1为选择器,color和font-size为属性,skyblue和1.2em为属性值。