笔记-css

css

margin属性

• 作用：margin 属性的作用是给元素设置四个（上下左右）方向的外边距。也就是 margin-top、margin-right、margin-bottom和 margin-left 四个外边距属性的简写形式。
• 语法

    margin:xx xx xx xx;
  

  取值
  • 固定值
  • 百分比：相比于当前块的百分比
  • auto: 让浏览器自己选择一个合适的外边距。在一些特殊情况下，该值可以使元素居中
    
    值数量
  • 当只指定一个值时，该值会统一应用到全部四个边的外边距上。
  • 指定两个值时，第一个值会应用于上边和下边的外边距，第二个值应用于左边和右边。
  • 指定三个值时，第一个值应用于上边，第二个值应用于右边和左边，第三个则应用于下边的外边距。
  • 指定四个值时，依次（顺时针方向）作为上右下左的外边距
• 注意点：行内元素不能设置上下边距，但是可以设置左右边距！

css3新增

scroll-behavior属性

语法

scroll-behavior: auto| smooth ;

• auto: 默认值，表示滚动框立即滚动到指定位置;
• smooth: 表示允许滚动时采用平滑过渡，而不是直接滚动到相应位置，最常见的比如回到顶部按钮和锚点，类似于添加了过渡动画；

转换+动画

转化+动画

背景图片background-size属性

background-size