笔记

CSS的使用

1. 内联样式表（行内样式表）
2. 内部样式表
3. 外部样式表

CSS样式表的特征

1. 继承性
2. 层叠性
   如果样式不冲突，多个样式规则中的样式可以层叠为一个
3. 优先级
   在三种引入方式中行内样式表的优先级最高
   ！important 调整样式的优先级

CSS基础选择器

1. 通用选择器 *{}
2. 标签选择器
3. 类选择器
4. ID选择器
5. 群组选择器 ，
6. 后代选择器 中间用空格隔开
7. 子代选择器 >
8. 伪类选择器 ：hover

溢出
overflow
overflow-x：处理横向溢出
overflow-y：处理纵向溢出
visible：默认效果，溢出可见
hidden：溢出隐藏
scroll：溢出滚动
auto：自适应，溢出出现滚动条，没有则不出现

边框阴影
box-shadow
h-shadow：必填，阴影的水平偏移距离，正数向右偏移，负数向左偏移
v-shadow：必填，阴影的垂直偏移距离，正数向下偏移，负数向上偏移
blur：模糊距离，必须是正数
spread：阴影的大小
inset：将默认的外阴影变为内阴影
color：颜色

轮廓
outline
绘制元素周围的一条线，位于边框外

透明色
transparent

背景图片的默认效果：平铺
repeat：默认平铺
repeat-x：水平平铺
repeat-y：垂直平铺
no-repeat：不平铺

背景图片的尺寸：
background-size：cover：覆盖，撑满整个元素
contain：将背景图片放大，直到下边或右边有一个边缘碰到元素为止

背景图片的固定
background-attachment：fixed 图片不动
scroll：图片滚动

vertical-align：
设置元素的对齐方式
middle：中线对齐
baseline：基线对齐

块级元素：独占一行，可以设置宽高 block
内行元素：不独占一行，不可以设置宽高 inline
行内块元素：不独占一行，可以设置宽高 inline-block

边框圆角：
border-radius：

三角形：
width：0px
height：0px
border-top：100px solid transparent
border-left：100px solid transparent
border-right：100px solid transparent
border-bottom：100px solid red