CSS—块与内联

CSS——块与内联

1.块元素

块级元素：方块可以装东西，盒子拥有大小  p不能装块
内联元素：不占据一行，不能装块级元素   升级为块可以装块，但不规范

可设置行高：
line-height:100px;    内部项目会自动居中

2.内联元素display

升级块级元素：
内联元素只能装inline元素，不能装块级元素，通过display改变元素类型为块级元素方便布局

display属性：
block 定义为块对象
inline 定义为内联对象（默认值）
inline-block 升级为在一行的块级元素，前后元素不会被换行
none 隐藏元素，同时此元素所占有的空间也将被清除

控制元素显示visibility

visibility: 决定页面的某元素是否显示；不可继承

hidden：定义元素不可见，所占用的空间依旧存在。
visible:定义元素可见
collapse：隐藏表格中的行和列

控制内容溢出、滚动条overflow

overflow:
    visible：设置不会剪切内容也不会产生滚动条
    hidden： 设置隐藏溢出内容的部分
    scroll： 设置总是显示滚动条
    auto：   设置当需要时自动添加滚动条

3.可变元素