css常用属性

原创 新的自己 随笔 新的开始 211阅读 2018-01-27 17:27:59 举报

静态定位
position: static (默认) 标准流

绝对定位
position: absolute

特点:

元素使用绝对定位之后,不占据原来的位置(脱标)
元素使用绝对定位,位置是从浏览器出发
嵌套的盒子,父盒子没有使用定位,子盒子使用绝对定位,子盒子位置是从浏览器出发
嵌套的盒子,父盒子使用定位,子盒子绝对定位,子盒子位置是从父元素出发
行内元素使用绝对定位,转化成行内块元素
注意: 使用绝对定位的元素可以覆盖到其他元素上面,使用z-index属性来控制堆放次序

相对定位
position: relative

特点:

使用相对定位,位置从自身出发
还占据原来的位置
行内元素使用相对定位,不能转成行内块元素
补充: 常用的定位方式为子绝父相(子元素绝对定位,父元素相对定位)

固定定位
position: fixed

特点:

位置从浏览器出发
固定定位之后,不占据原来的位置(脱标)
元素使用固定定位,会转化成行内块元素

隐藏元素
overflow: hidden 溢出隐藏

visibility: hidden 隐藏元素(隐藏之后还占据原来位置)

display: none 隐藏元素(隐藏之后不占据原来的位置)

补充:内容移除:text-indent: -5000em 或者 将元素高度设置为0,使用内边距将盒子撑开,给盒子使用overflow: hidden

元素垂直对齐方式
vertical-align: baseline 设置元素的垂直对齐方式

baseline(默认) 元素放置在父元素的基线上

text-top 把元素的顶端与父元素字体的顶端对齐

text-bottom 把元素的底端与父元素字体的底端对齐

middle 把此元素放置在父元素的中部

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复