9.27学习总结

今天css已经全部学习完成,总结下:

class可以设置多个,中间用space隔开;

行内标签(a,span。。。)要设置宽高需先转换成块标签,使用display:block进行转换,相反用display:line转换成行内标签;

css中尽量使用float而非position对元素进行布局;

现阶段的所有标签基本都可以用class进行分类,以后学习JS时,需要添加id,以方便JS中查找元素;

div中嵌套的div用margin:auto进行居中操作(个人理解);

text-align作用与元素内的行内标签居中;

让子div在父div中垂直居中的方法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
.parent {
            width:800px;
            height:500px;
            border:2px solid #000;
            display:table-cell;
            vertical-align:middle;
            text-aligncenter;
        }
        .child {
            width:200px;
            height:200px;
            display:inline-block;
            background-colorred;
        }

先把父级div转为表格单元格,再把子div转为inline-block(行内块元素),再设置垂直位置vertional-align为居中(middle)。。。。。。这逻辑。。

原文地址:https://www.cnblogs.com/wangqun1234/p/7603382.html