今天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

總結

以上是生活随笔為你收集整理的9.27学习总结的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。