CSS—块与内联

来源:互联网 发布:知乎为什么垃圾 编辑:程序博客网 时间:2024/05/17 02:31

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.可变元素

可变元素

0 0