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代码如下:
复制代码
【CSS工作原理及CSS规则命名介绍】相关文章:
相关阅读
网友关注
网友最新关注视频
- 冀教版英语三年级下册第二课
- 沪教版牛津小学英语(深圳用) 五年级下册 Unit 12
- 沪教版牛津小学英语(深圳用) 四年级下册 Unit 4
- 精品·同步课程 历史 八年级 上册 第15集 近代科学技术与思想文化
- 七年级英语下册 上海牛津版 Unit3
- 北师大版八年级物理下册 第六章 常见的光学仪器(二)探究凸透镜成像的规律
- 【部编】人教版语文七年级下册《逢入京使》优质课教学视频+PPT课件+教案,安徽省
- 【部编】人教版语文七年级下册《泊秦淮》优质课教学视频+PPT课件+教案,广东省
- 青岛版教材五年级下册第四单元(走进军营——方向与位置)用数对确定位置(一等奖)
- 沪教版牛津小学英语(深圳用) 六年级下册 Unit 7
精品推荐
分类导航
网页设计子分类
最新 Div+Css教程学习