目录
一、css语法
二、css的四种引入方式
2.1 行内式
2.2 嵌入式
2.3 链接式
2.4 导入式
三、css选择器
3.1 基本选择器
3.2 组合选择器
3.3 属性选择器
四、css属性操作
4.1 文本属性
4.1.1 文本颜色：color
4.1.2 水平对齐方式：text-align
4.1.3 文本其它属性
4.2 背景属性
4.3 边框属性
4.4 列表属性
4.5 display属性
none （隐藏某标签）
block （内联标签设置为块级标签）
inline （块级标签设置为内联标签）
inline-block
4.6 外边距（margin）和内边距（padding）
4.6.1 盒子模型
4.6.1 margin（外边距）
4.6.2 padding（内边距）
4.6.3 实例
4.6.4 思考
4.7 float属性
4.7.1 基本浮动规则
非完全脱离文档流
父级坍塌现象
一、css语法
CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。
selector {
property: value;
property: value;
property: value
...
}
例如：
h1 {color:red; font-size:14px;}
二、css的四种引入方式
2.1 行内式
行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势，不推荐使用。
例：
<p style="background-color: rebeccapurple">hello yuan</p>
2.2 嵌入式
嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中。格式如下：
例：
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
p{
background-color: #2b99ff;
}
</style>
</head>
2.3 链接式
将一个.css文件引入到HTML文件中
例：
<link href="mystyle.css" rel="stylesheet" type="text/css"/>
2.4 导入式
将一个独立的.css文件引入HTML文件中，导入式使用CSS规则引入外部CSS文件，
浙公网安备 33010602011771号