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规则命名介绍】相关文章:
相关阅读
网友关注
网友最新关注视频
- 【部编】人教版语文七年级下册《老山界》优质课教学视频+PPT课件+教案,安徽省
- 【部编】人教版语文七年级下册《泊秦淮》优质课教学视频+PPT课件+教案,天津市
- 冀教版英语四年级下册第二课
- 第五单元 民族艺术的瑰宝_15. 多姿多彩的民族服饰_第二课时(市一等奖)(岭南版六年级上册)_T129830
- 【部编】人教版语文七年级下册《逢入京使》优质课教学视频+PPT课件+教案,安徽省
- 第4章 幂函数、指数函数和对数函数(下)_六 指数方程和对数方程_4.7 简单的指数方程_第一课时(沪教版高一下册)_T1566237
- 【部编】人教版语文七年级下册《过松源晨炊漆公店(其五)》优质课教学视频+PPT课件+教案,辽宁省
- 沪教版牛津小学英语(深圳用)五年级下册 Unit 1
- 冀教版小学数学二年级下册第二周第2课时《我们的测量》宝丰街小学庞志荣
- 二次函数求实际问题中的最值_第一课时(特等奖)(冀教版九年级下册)_T144339
精品推荐
分类导航
网页设计子分类
最新 Div+Css教程学习