样式
1.通过display样式可以修改元素类型
可选值:
inline:可以将一个元素作为内联元素显示
block:可以将一个元素设置问块元素显示
insplay:inline-block:将一个元素转换为行内块元素
行内块元素:一个元素既有行内元素的特点又有块元素的特点,既可以设置宽和高又不会独占一行
none:隐藏元素,不显示元素,并且元素不会再页面中显示,并且不会占取页面的位置
2.visiblity:
可以来设置元素的隐藏和显示的状态
可选值:
visible 默认值,元素默认会从页面显示
hidden:元素会隐藏不显示
使用visiblity:hidden虽然不会在页面中显示,但其位置会在页面中保持
3.使用格式:
<code>
< style>
a{
display: inline;
width: 100px;
height: 100px;
background-color: aquamarine;
}
< /style>
</code>
4.子元素默认是存在父元素的内容区中,理论上讲子元素的最大可以等于父元素内容
区的大小,如果子元素超过了父元素内容区的大小,则超过的大小会在父元素以外
的位置显示,超出父元素的内容,我们称为溢出内容。
通过overflow可以设置父元素如何处理溢出内容
可选值:
visible: 默认值,不会对溢出内容做处理,元素会在父元素以外的位置显示
hidden:溢出的内容,会被修剪,不会显示
scroll:为父元素添加滚动条,通过滚动条来查看完整的内容
auto:会根据需求添加滚动条。