CSS样式规则

本文记录WEB前端学习过程中遇到的CSS样式规则~

使用HTML时,需要遵从一定的规范。CSS也一样,要想熟练的使用CSS对网页进行修饰,首先需要了解CSS的样式规则。
具体格式为:

选择器{属性1:属性值;属性2:属性值;..}

在上面的样式规则中,“选择器”用于指定CSS样式作用的HTML对象,花括号内是对该对象设置的具体样式。属性和属性值以键值对方式出现,使用英文冒号分隔,多个属性之间使用英文分号分隔。

示例代码:

<style>
    h2{
        color: red;
        font-size: 100px;
    }
</style>

初学者在书写CSS样式时,除了要遵循CSS样式规则,还必须注意CSS代码结构中的几个特点,具体如下:

CSS样式选择器严格区分大小写,属性和属性值不区分大小写;
多个属性之间必须用英文分号隔开,最后一个属性后的分号可以省略,但为了便于增加新样式建议保留;
如果属性的值由多个单词组成且中间包含空格,则必须为这个属性值加上英文状态下的引号。例如:

p{
    font-family: "Times New Roman";
}

在编写CSS代码时,为了提高代码的可读性,通常会加上CSS注释,例如:

/*CSS代码注释*/

在CSS代码中空格是不被解析的,花括号以及分号前后的空格可有可无。因此,可以使用空格键、Tab键、回车键等对样式代码进行排版,即所谓的格式化CSS代码,这样可以提高代码的可读性。

注意:属性值与单位之间是不允许有空格的,否则浏览器解析时会报错。

标签: none