课程回顾

1. CSS层叠样式表 用于美化页面
2. 三种引入方式
3. 内联：在元素的style属性中写样式代码，不能复用
4. 内部：在head里面写style标签，在标签内部写样式代码，可以在本页面内复用，不能多页面复用
5. 外部：在单独的css文件中写样式代码，通过link标签引入到页面中，可以多页面复用
6. 优先级：内联最高 内部和外部 后执行覆盖先执行的
7. 选择器
8. 标签名选择器 div{}
9. id选择器 #id{}
10. 类选择器 .class{}
11. 分组选择器 div,#id,.class{}
12. 属性选择器 div[属性名='属性值']{}
13. 子孙后代选择器 div span p{}
14. 子元素选择器 div>span>p{}
15. 伪类选择器 a:link a:visited a:hover a:active
16. 任意元素选择器 *{}
17. 颜色赋值
18. 颜色单词赋值 red
19. 6位16进制 #ff0000
20. 3位16进制 #f00
21. 3位10进制 rgb(255,0,0)
22. 4位10进制 rgba(255,0,0,0-1)
23. 背景图片
24. background-image:url("路径"); 设置背景图片
25. background-size:200px 300px; 背景图片尺寸
26. background-repeat:no-repeat; 禁止重复
27. background-position: 100% 100%; 设置背景图片的位置
28. 盒子模型
29. 包括：外边距 边框 内边距 宽高
30. 外边距：元素距上级元素或相邻兄弟元素的距离 margin-left/right/top/bottom:10px; margin:10px;四个方向 margin:10px 20px; 上下10 左右20 margin:0 auto; 居中 margin:10px 20px 30px 40px; 上右下左 块级元素：全部生效 上下取最大值 行内元素：上下不生效 左右相加 粘连问题：通过添加overflow：hidden解决
31. 边框： border-left/right/top/bottom: 粗细 样式 颜色 块级元素：全部生效 影响所占宽高 行内元素：全部生效 影响宽不影响高
32. 内边距： 元素边框距内容的距离 赋值方式为padding 和margin的赋值方式类型 块级元素：全部生效 影响所占宽高 行内元素：全部生效 影响宽不影响高
33. 宽高： width、height 通过像素或百分比赋值 块级元素可以修改宽高 行内元素不能修改，由内容决定
34. 文本相关
35. text-align:left right center 水平对齐
36. text-decoration: overline/underline/line-through/none 文本修饰
37. line-height: 行高 可以控制垂直居中
38. text-shadow:颜色 x偏移 y偏移 浓度（值越小越清晰） 阴影
39. color: 文本颜色
40. 字体相关
41. font-size： 字体大小
42. font-weight: bold/normal 字体加粗
43. font-style:italic 斜体
44. font-family: 字体样式
45. 圆角 border-radius： 值越大越圆
46. 溢出设置 overflow
47. hidden 隐藏
48. visible 默认 显示
49. scroll 超出滚动显示
50. 显示方式 display
51. block：块级默认 独占一行 可以修改宽高
52. inline：行内默认 共占一行 不可以修改宽高
53. inline-block: 行内块 共占一行 也可以修改宽高
54. 定位方式 4+1
55. position:static 静态定位、文档流定位
56. position：relative 相对定位，不脱离文档流，位置相对于初始位置
57. position：absolute 绝对定位，脱离文档流，位置相对于窗口（默认）或某个上级元素(做非static定位，推荐相对定位)
58. position：fixed 固定定位，脱离文档流，位置相对于窗口
59. 浮动定位 float
60. 脱离文档流，从当前所在行向左或向右浮动
61. clear 禁止某个方向出现浮动元素
62. 一行装不下会自动换行 可能被卡主
63. 元素所有子元素全部浮动则自动识别的高度为0 可以通过给元素添加overflow：hidden解决
64. 行内元素垂直对齐方式 vertical-align
65. top/bottom/middle/baseline
66. CSS的三大特性
67. 继承：元素可以继承上级元素的部分样式，只能继承文本和字体相关的样式
68. 层叠：多个选择器如果选择到同一元素，作用的样式如果不同则全部层叠到一起都生效，如果作用的样式相同则由优先级决定哪个生效

- 优先级：作用范围越小 优先级越高 id>class>标签名

截屏工具 FastStone Capture

没网找素材的同学 做tmooc网站首页

多人开发同一页面 切记选择器的写法不要影响别人的标签