![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
H5布局
CSDN_GMC
这个作者很懒,什么都没留下…
展开
-
H5布局阶段四(定位)
H5布局阶段--定位一. 定位相对定位 relative绝对定位固定定位二. auto三. z-index四. overflow一. 定位定位分为相对定位(relative),绝对定位(absolute),固定定位(fixed)和默认状态(没有定位,static)相对定位 relative语法:开启:position:relative; 修改位置:left:xxpx;top:xxpx;...原创 2020-04-06 19:04:31 · 317 阅读 · 0 评论 -
H5布局阶段三(浮动)
H5布局阶段--浮动一. float: 浮动二. 浮动产生的影响三. 清除浮动的常见方法一. float: 浮动浮动定义:使元素脱离文档流 float: none: 不浮动;(默认) left: 向左浮动; right: 向右浮动; auto: 根据自身所占位置,自动居中 1.自身必须...原创 2020-02-08 19:08:56 · 827 阅读 · 0 评论 -
H5布局阶段二(盒模型)
HTML5布局阶段--盒模型一. 标准盒模型二. padding 内间距三. border 元素的边框四. margin 外间距一. 标准盒模型默认情况下盒子的边框是无,背景色是透明的,所以在默认情况下看不到盒子盒子由 margin , border , padding , content (盒子中的内容)四部分组成。元素(块元素或者内联块)的实际大小 = 内容 + padding...原创 2020-02-08 15:34:22 · 301 阅读 · 0 评论 -
H5布局阶段一(display)
HTML5布局阶段--display一. display:元素的显示方式二. 消除inline-block 导致的元素间隔一. display:元素的显示方式block:块元素(默认)inline:行元素inline-block:行内块元素(内联块元素)none:无(隐藏)不单单是视觉上的,页面布局中也彻底消失。不占位置块元素:独占一行,可以设置宽高以及内外边距具备盒模型的属性行...原创 2020-02-08 14:22:45 · 2029 阅读 · 0 评论