CSS复习

135 阅读1分钟
  1. 背景图片位置
    background-position 如果只写x轴的值 则y轴默认为center
    (1)方向:center right top...
    (2)像素:px
    (3)百分比
  2. 文本首行缩进 text-indent
  3. 为链接的不同状态设置样式时有一定的顺序
    (1)hover要在link、visited后
    (2)active要在hover后
  4. 外边距合并
    (1)溢出隐藏
    (2)为父元素或子元素设置绝对定位(释放空间)
    (3)为父元素或子元素设置浮动(释放空间)
    (4)为父元素加边框
  5. overflow-y : scroll; 滚动
  6. 浮动后元素塌陷
    (1)溢出隐藏
    (2)为父元素设置高度
    (3)在父元素里的最后面加一个空的子元素(块级元素),并且给这个子元素设置清除浮动 clear:both
    (4)增加伪元素 设置clearfix
.clearfix::after{
    content: " ;
    display: block;
    clear: both;
}
  1. 行级元素设置宽高
    (1)设置display
    (2)设置float
  2. 选择器的权重:
    !important 最高的
    内联样式 1000
    id 100
    class 10
    伪类 10
    标签 1
    伪元素 1
  3. 过渡transition
  4. 变换transform