17网页前端CSS——属性转换与元素溢出

一：css属性转换：

css属性块级元素和行内元素的转化

display 属性规定元素应该生成的框的类型

默认值：inline 此元素会被显示为内联元素

              block 此元素将显示为块级元素

              none 此元素不会被显示

二：元素溢出

overflow:属性进行滚动

visible：默认值内容不会被修剪，会呈现在元素框之外

hidde：内容会被修剪，并且其余内容是不可见的。

scroll：内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容

auto：如果内容会被修剪，则浏览器会显示滚动条以便查看其余的内容

 

.ad{
    width: 200px;
    height: 200px;
    border: 1px solid red;
    background: green;
    /*display: none;设定元素隐藏*/
    /*display: inline;根据文字控制div的大小(转化为行内元素）*/
    
    
}
.ae{
    width: 200px;
    height: 200px;
    border: 1px solid blue;
    background: red;
    /*display: block;将元素转化成块级元素*/
}
.af{
    width: 200px;
    height: 200px;
    border: 1px solid blue;
    overflow: scroll;
    
}