CSS基本语法

相关主题

css的基本语法

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

CSS基本语法
CSS的常用单位－长度单位
14
1、绝对单位
主要有以下五种绝对单位：
CSS基本语法
CSS的常用单位－长度单位
15
2、相对单位
主要有以下三种相对单位：
CSS基本语法
CSS编码规范
16
CSS基本语法
知识点回顾：
17
CSS的语法规则 CSS的常用单位（有绝对单位和相对单位）
CSS编码规范
CSS的语法规则
5
样式表示标记<p>指定的段落文字为红色。
选择符是p，即为段落标记<p>提供样式。 color为指定文字颜色属性，red为属性值。
为段落设置多种样式
CSS基本语法
CSS的常用单位－颜色单位
6
1、命名颜色 CSS3 中可以直接用英文单词命名与之相应的颜色。
CSS基本语法
CSS的常用单位－颜色单位
CSS基本语法
31 CSS的语法规则 2 CSS的常用单位 3 CSS编码规范
CSS的语法规则
3
CSS样式表是由若干条样式规则组成的。每一条样式规则由三部分构成：选择符(selector)、属性(properties)和属性值(value)。
CSS基本语法
CSS的语法规则
4
基本语法格式： property: 属性则是选择符指定的标记所包含的属性。
4、HSL色彩模式基本语法格式：
11
CSS基本语法
CSS的常用单位－颜色单位
12
5、HSLA色彩模式 HSLA也是 CSS3 新增的颜色模式，HSLA色彩模式是HSL色彩模式的扩展，
在色相、饱和度、亮度三要素的基础上增加了不透明度参数。
其语法格式：
前3个参数与hsl()函数的参数的意义和用法相同第4个参数< opacity >表示不透明度，取值在0到1之间。
CSS基本语法
CSS的常用单位－颜色单位
13
6、RGBA色彩模式 RGBA也是 CSS3 新增的颜色模式，RGBA色彩模式是RGB色彩模式的扩展，
在红、绿、蓝三原色的基础上增加了不透明度参数。
其语法格式：
分别表示红色、绿色和蓝色三种原色所占的比重，其值可以是正整数或者百分数。
表示不透明度，取值在0到1之间。
选择符，可以采用多种形式，可以为HTML标记，例如<body>、<table>、<p>等。
指定属性的值。如果定义选择符的多个属性，则属性和属性值为一组，组与组之间用分号(;)隔开。 selector {property1: value1; property2: value2; ...}
CSS基本语法
CSS基本语法
7
2、RGB颜色如果要使用十进制表示颜色，则需要使用RGB颜色。 rgb(R，G，B) , 其中R、G 、B 分别表示红、绿、蓝的十进制值。三种颜色基本的取值范围都是0〜255。
CSS基本语法
CSS的常用单位－颜色单位
8
3、十六进制颜色十六进制颜色的基本格式为#RRGGBB，其中R表示红wenku.baidu.com，G表示绿色，B表示蓝色。
CSS基本语法
CSS的常用单位－颜色单位
9
3、十六进制颜色
CSS基本语法
CSS的常用单位－颜色单位
10
4、HSL色彩模式 CSS3 新增加的HSL颜色表现方式。 HSL色彩模式通过对色调（H）、饱和度(S)、亮度(L)三个颜色通道的改变，以及它们相互之间的叠加，来获得各种颜色。
CSS基本语法
CSS的常用单位－颜色单位