1)如何實現(xiàn)橫向布局呢碾褂?
在子標簽加上float:left屬性兽间,再給父標簽類名加上clearfix。
clearfix是什么呢正塌?在css里面的三句代碼嘀略,如下:
名字隨意寫。
2)<span>1</span>
? ? ?<span>2</span>
上面?zhèn)z<span>標簽在頁面上顯示是 ? “1空格2” ?1和2中間有個空格乓诽。瀏覽器會把HTML代碼中的所有空格和回車帜羊,當(dāng)成一個空格并在頁面上顯示出來。
3)想在鼠標hover之后下面有條線鸠天,類似下圖:
只需要border-bottom屬性即可,不過內(nèi)容之間會有細微的位置移動稠集,解決這個問題需要給每個標簽先加上border-bottom奶段,設(shè)置成透明,這樣就不會有移動問題了剥纷。
4)使用width和height屬性會帶來N多的問題痹籍,能不用就不用。
5)max-width比width要好一些晦鞋。
6)可以通過設(shè)置元素的padding和margin來控制元素之間的距離蹲缠。
7)div的高度由什么來決定呢?
div的高度由其內(nèi)部文檔流元素的高度總和來決定悠垛。
8)什么是文檔流呢线定?
文檔流是文檔內(nèi)元素流動的方向。
內(nèi)聯(lián)元素從左往右流動确买,每個元素不會另起一行斤讥,寬度不夠會在新的一行繼續(xù)從左往右流動。
塊級元素從上往下流動拇惋,每個元素會另起一行周偎。
內(nèi)聯(lián)元素中如果有英文存在,默認即使寬度不夠撑帖,該英文也不會換行蓉坎,解決這個問題需要word-break屬性。
9)內(nèi)聯(lián)元素的div高度由什么來決定呢胡嘿?
由元素內(nèi)字體和字體的建議高度決定蛉艾。
10)div居中的技巧
margin-left:auto;margin-right:auto;
11)幾個學(xué)習(xí)CSS的資源
google搜索:關(guān)鍵詞 mdn
google搜索:阮一峰 css
google搜索:張鑫旭
https://css-tricks.com/(CSS的技巧,包括畫各種圖形)google搜索:關(guān)鍵詞 css tricks
https://tympanus.net/codrops/category/playground/(各種酷炫的效果)
http://www.ayqy.net/doc/css2-1/cover.html(css文檔)
http://iconfont.cn/(可以引入各種圖標)