一、选择器
作用：选择页面上的某一个后者某一类元素

基本选择器
1.标签选择器
格式：标签{}

666

666

666

淘宝
链接
网页
png
jpg
链2
pdf
pdf2
doc
doc2

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
二、美化
1.字体 font
font-family：字体
font-size：字体大小
font-weight：字体粗细
color：字体颜色
2.文本样式 text
文本对齐方式：text-align：center
首行缩进: text-indent：2em
行高: line-height：300px
下划线:text-decoration
text-decoration:underline /下划线/
text-decoration:line-through /中划线/
text-decoration:overline /上划线/
text-decoration:none /超链接去下划线/
图片、文字水平对齐 （行内元素对齐）
img,span{
vertical-align: middle;
}
1
2
3
6.文本阴影

文本阴影效果！

3.超链接伪类

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
列表 ui li
有序 ui li
无序 ol li
list-style-type: circle
list-style-type: square
list-style-type: upper-roman
list-style-type: lower-alpha

背景
1.背景颜色 background-color
2.透明度 opacity
3.背景图片 background-image: url("name.jpg")
三、盒子模型
布局三大核心：盒子模型、浮动、定位

1.元素的显示模式
1.块元素（block）
又称：块级元素 特点：

在页面中独占一行，不会与任何元素共用一行，是从上到下排列的。
默认宽度：撑满父元素。
默认高度：由内容撑开。
可以通过 CSS 设置宽高。
主体结构标签：

~

、

、

 、 

在页面中不独占一行，一行中不能容纳下的行内元素，会在下一行继续从左到右排 列。
默认宽度：由内容撑开。
默认高度：由内容撑开。
无法通过 CSS 设置宽高。
文本标签：
、 、 、 ^{、 _{、 、
、 、、
3.行内块元素（inline-block）
又称：内联块元素 特点：}}

^{_{在页面中不独占一行，一行中不能容纳下的行内元素，会在下一行继续从左到右排 列。
默认宽度：由内容撑开。
默认高度：由内容撑开。
可以通过 CSS 设置宽高。
图片：
单元格：}}