手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >CSS工作原理及CSS规则命名介绍
CSS工作原理及CSS规则命名介绍
摘要:本文为学习笔记,部分内容摘自李晓峰先生的《CSS设计指南》一书CSS规则一条CSS规则实际上就是一条CSS指令,这条指令先选择HTML元素,...

本文为学习笔记,部分内容摘自李晓峰先生的《CSS设计指南》一书

CSS规则

一条CSS规则实际上就是一条CSS指令,这条指令先选择HTML元素,然后设定选择元素的样式

下面是一条简单的CSS规则,它把段落背景色设置为绿色

Example_1

p{background-color: green}

CSS规则命名

一条CSS规则由选择符+声明两部分组成

选择符:指出要选择的元素

声明:由属性和值组成,属性指出影响元素哪方面样式,值其实就是属性的一种状态

在上面的例子中可以看出一条规则从左到右依次是:选择符、左花括号、属性、冒号、值、右花括号

对Example_1的扩展

①:多个声明写在一条规则中

p{color: green;font-size: 45px;font-weight: bold}

HTML代码如下:
 

精品推荐
分类导航