background 复合属性
background-color 背景颜色
background-image：url() 链接的背景图片
background-repeat: 图片是否平铺 no-repeat repeat-x repeat-y
background-position: 背景图片的位置 加坐标 X轴 Y轴
background-attachment: 是否滚动
background: 颜色 图片的链接 是否平铺 背景位置 是否滚动 中间空格隔开
font 复合属性
font-weight: 粗度 bold 400 等同于 normal，而 700 等同于 bold。 范围i100-900
font-size/line-height: 字体大小/行高
font-family: 字体样式
font-style: 字体风格
| 值 | 描述 |
|---|---|
| normal | 默认值。浏览器显示一个标准的字体样式。 |
| italic | 浏览器会显示一个斜体的字体样式。 |
| oblique | 浏览器会显示一个倾斜的字体样式。 |
| inherit | 规定应该从父元素继承字体样式。 |
font连写font-size和font-family 必须写其他的可以省略
border-radius:边框半径
有四个值：左上，右上，右下，坐下
四个值为元素宽度或是高度的一半的时候，会将元素变成圆形或是椭圆形，峰值只能到达宽度或是高度的一半。
行内元素的margin
行内元素的左右margin是可以起作用的，但是上下的margin是不起作用的。
清除浮动
浮动的原因就是因为父盒子没有高度，原来的高度是靠标准流中的子元素撑起来，但是子元素浮动了之后 ，脱离标准流了，造成父级元素的高度为0;
- 给父盒子设置一个高度
- Clear: both
- Overflow: hidden 触发了BFC模式 也可以用来清除浮动
- 伪元素或是双伪元素清除法
时间： 2024-10-07 23:28:03