abstrakt: 整個導航的實現(xiàn)當中,需要清楚選擇器以及樣式屬性的區(qū)分,為了美觀,可以外部鏈接CSS樣式的鏈接,在使用一些圖標的時候,可以下載一個Front的一個庫引用進去就可以了,在導航中,會運用到塊元素以及行內(nèi)元素,display的分布用法,以及在設置完之后要清空浮動,而左右浮動是用float去實現(xiàn)。要是既想實現(xiàn)塊內(nèi)元素以及行內(nèi)元素兩者的結(jié)合的話,可以使用display中的inline-block
整個導航的實現(xiàn)當中,需要清楚選擇器以及樣式屬性的區(qū)分,為了美觀,可以外部鏈接CSS樣式的鏈接,在使用一些圖標的時候,可以下載一個Front的一個庫引用進去就可以了,在導航中,會運用到塊元素以及行內(nèi)元素,display的分布用法,以及在設置完之后要清空浮動,而左右浮動是用float去實現(xiàn)。要是既想實現(xiàn)塊內(nèi)元素以及行內(nèi)元素兩者的結(jié)合的話,可以使用display中的inline-block去實現(xiàn)。
在內(nèi)部文本的排列的時候,需要用到a標簽,需要用到text-decoretion去除a帶的樣式,然后文字的間隔可以用 來去實現(xiàn)空格,以及光標指向時發(fā)生顏色的變化,只需要在a標簽下的CSS中a:hover添加顏色的屬性去改變即可。然后在去細分一下排布,導航欄基本就完成了。
Korrigierender Lehrer:天蓬老師Korrekturzeit:2019-05-13 09:47:02
Zusammenfassung des Lehrers:導航的設計 一直在前端編程中的一個重點, 因為它是直接影響到用戶體驗的部分, 請給予足夠的重視