常用的样式

样式

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:会根据需求添加滚动条。