一、定义与语法
定义
- Cascading Style Sheets，层叠样式表
- 定义如何显示 HTML 元素
- 用于解决内容与表现分离的问题
分类
- 外部样式表：用
<link>标签引入 - 内部样式表：写在
<head>标签的<style>标签里 - 内嵌样式：一说内联样式，写在标签内（如
<p style=""></p>），不推荐
注释
/* 注释文本 */
- CSS只有这一种注释方法
-
//这种方法在CSS里面是一种语法错误，CSS会跳过这一行。虽然看起来像是被注释了，但不要这么用。
CSS语法
- CSS样式由选择器
<selector>和声明<statement>组成：<selector> { <statement>+ } - 声明是属性
<property>和值<value>的键值对：<property>: <value>;
@规则
- 语法：
@<identifier> <name>; @<identifier> <name> {} - 常用：
@media，@keyframes，@font-face。 - 其他：
@import等。
二、补充说明
浏览器前缀
- Chrome和Safari：
-webkit- - Firefox：
-moz- - Opera：
-o- - IE：
-ms- - 书写时，应将私有属性写在前，通用属性写在后。
属性继承
- 自动继承的属性：文本和修饰相关（
font、color、text-align、list-style等）。 - 非自动继承的属性：布局和盒模型相关（
background、border、position等）。 - 强制继承：
inherit。 - 注意：
a元素的文本属于超链接文本，不继承父元素的普通文本样式。
属性值语法
- 基本元素
- 关键字：
auto、solid、bold、none等。 - 类型：基本类型（
<color>、<length>、<%>等），其他类型（<color-stop>等）。 - 符号：逗号（
,）、点号（.）、反斜杠（/）等。 - 特殊：
inherit和initial，这俩属性值大部分属性都有。
- 关键字：
- 组合符号
- 无：只有一个属性值
- 空格：罗列的属性值全部都要写，且要按顺序写
-
&&：罗列的属性值全部都要写，但顺序随意 -
||：罗列的属性值可以任选（多选多），顺序随意 -
|：罗列的属性值只能写一个（多选一），顺序随意 -
+：属性值≥1个 -
#：属性值≥1个，必须用逗号分隔 -
*：属性值≥0个 -
?：属性值有0~1个 -
{n}：属性值有n个 -
{min,max}：属性值最少有min个、最多有max个（省略表示无限大） -
[]：括号内的优先运算或组合
网友评论