css补充

css补充：

• 在设置字体大小时一般用body设置，但标题标签比较特殊，需要单独指定文字大小

• font-wight可用数字设置（100-900，400等同于normal，700等同于bold，注意这个数字后面不加单位）

• 字体复合属性：font：fony-style font-wight font-size/line-height font-family（必须保留font-size和font-family属性，否则font属性不起作用）

• 文本缩进：text-indent：20px/2em;

• 背景图片位置：
  1.参数是方位名词
  如果指定的两值都是方位名词，则两个值前后顺序无关，比如left top和top left效果一致。
  如果只指定了一个方位名词，另一个省略，则第二个值默认值居中对齐
  2.参数是精确单位
  如果参数值是精确坐标，那么第一个值肯定是X坐标，第二个值是Y坐标
  如果只指定一个数值，那该值一定是X坐标，另一个默认垂直居中

• padding不会撑开盒子大小的情况：如果盒子本身没有指定width/height属性，此时padding不会撑开盒子大小

• 解决块级元素外边距合并问题（浮动的盒子不存在内边距合并的问题）：
  i.可以为父元素定义边框（可以设为透明色transparent）
  ii.可以为父元素定义上内边距
  iii.可以为父元素添加overflow：hidden

• 圆角边框：border-radius：length；（圆形为50%）
  圆角矩形作法border-radius：高度的50%；
  实际为简写属性，可跟四个值，分别代表左上角、右上角、右下角、左下角（也可为两个，代表左上角和右下角、右上角和左下角）
  也可分开写：如border-top-left-radius：值；

注意：行块盒中间有缝隙，可以浮动使两者之间没有缝隙

• 区别
  overflow：scroll（溢出部分显示滚动条，不溢时也显示滚动条）
  overflow：auto（溢出时显示滚动条，不溢出时不显示滚动条）
• 定位的拓展
  行内元素添加绝对或者固定定位，可以直接设置高度和宽度
  浮动元素、绝对定位（固定定位）元素都不会触发外边距合并问题
  浮动元素只会压住他下边的标准流，但不会压住下巴边标准流盒子里边的文字（图片）
  但绝对或固定定位元素会压住下边标准流所有内容