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为属性值。



全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.