CSS
cascading style sheets层叠样式表
- 优:①功能强大;②内容展示与控制分离:解耦、分工简易;③提高开发效率
属于一种样式(html就像是一个人,我们用CSS来给他化妆)
- 块,容器
- 块级标签(独占一行)行级标签
- 书写方式:生效是就近原则
- 封装在外部,
- 封装在head中,
- 直接在div里面写
- 在同一行中显示需要用到display:inline-block
选择器:
- id选择器:
- id唯一
内容
, 然后在head中补上**#myid{各种属性赋值}**
- 元素选择器:
- 筛选相同标签的元素
内容
,然后再head中补上**div{各种属性赋值}**就行
- class选择器:
- 为指定的一组标签写class,分到同一班就穿同样的衣服。
- ,然后在head中补上**.myclass{各种同一的衣服属性}**
- 拓展选择器:
- ⭐并集选择器:选择器1, 选择器2{}
- ⭐子选择器:选择器1 选择器2{}
- 父选择器:div > p {}
- 选择所有元素:*{}
- 伪选择器(选中、悬停、访问过)……
- 块级元素的盒子模型:
- margin:外边距
- padding:内边距
- float:
- 上右下左,顺时针排列
- 默认情况下,内边距会影响大小(添加属性Box-sizing: border-Box确定盒子最终的大小。)
- 长度计算:本身的长度+附加的