day1学习

css的常见display元素属性

1.block(块级元素）

独占一行

可以设置高度

常见块级元素（h1-h6,p,div,ul,li）

div {
    display:block;
    width:100px;
    height:100px;}

2.inline(行内元素）

一行可以显示多个

不能直接设置高度宽度

常见行内元素（span,a,strong,em）

span {
    display:inline;
    width:10px;
    heigth:10px;}

3.inline-block行内块元素

一行可以显示多个

可以设置高度宽度

常见行内快元素（img,input,textarea）

.img {
    height: 90px;
}

4.none隐藏元素

元素完全隐藏，不占据空间

div {
    display:none;}

5.flex弹性布局

开启弹性布局

.container {
    display:flex;
    justify-content:center;
    align-items:center;}