陈广安个人网站
会写代码的咸鱼
陈广安个人网站阿里云盘资源
陈广安个人网站网盘资源搜索
“ 梦想还是要有的,万一实现了呢!”
— 马云

4.28-CSS盒子属性

创建时间:2016-10-19

CSS盒子属性

  • 盒子的五个属性:width宽 高height 边框border 外边距margin 内边距padding
  • 盒子的定位:float浮动 left靠左飘 right靠右飘

  • 盒子的定位:绝对定位: position:absolute top right bottom left 相对于已定位的父元素进行定位,如果父元素没定位,那么相对于body
    特点:脱离文档流-跟原来的标签不在同一个平面,原来的位置,会被后面的 标签占用

  • 盒子的定位:相对定位: position:relative top right bottom left 相对于自身左上角那一点
    特点:脱离文档流-跟原来的标签不在同一个平面,原来的位置,不被后面的 标签占用

  • 固定定位:相对于窗口 position:fixed top right bottom left 丨随着滚动条而滚动

CSS样式的优先级

  • 行内样式>head头部样式>外部样式>ID>伪类>class>通配符
  • z-index用来控制样式优先顺序

  • 优先等级最高 用【!important】表示