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-align :  center ;          }          .child {              width : 200px ;              height : 200px ;              display :inline- block ;              background-color :  red ;          }

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

转载于:https://www.cnblogs.com/wangqun1234/p/7603382.html