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规则命名介绍】相关文章:
相关阅读
网友关注
网友最新关注视频
- 8.对剪花样_第一课时(二等奖)(冀美版二年级上册)_T515402
- 小学英语单词
- 外研版英语三起5年级下册(14版)Module3 Unit1
- 【部编】人教版语文七年级下册《泊秦淮》优质课教学视频+PPT课件+教案,湖北省
- 【部编】人教版语文七年级下册《泊秦淮》优质课教学视频+PPT课件+教案,辽宁省
- 外研版英语七年级下册module1unit3名词性物主代词讲解
- 苏科版数学 八年级下册 第八章第二节 可能性的大小
- 沪教版牛津小学英语(深圳用) 五年级下册 Unit 10
- 沪教版牛津小学英语(深圳用) 五年级下册 Unit 12
- 精品·同步课程 历史 八年级 上册 第15集 近代科学技术与思想文化
精品推荐
网页设计子分类
最新 Div+Css教程学习