摘要: 整個(gè)導(dǎo)航的實(shí)現(xiàn)當(dāng)中,需要清楚選擇器以及樣式屬性的區(qū)分,為了美觀,可以外部鏈接CSS樣式的鏈接,在使用一些圖標(biāo)的時(shí)候,可以下載一個(gè)Front的一個(gè)庫引用進(jìn)去就可以了,在導(dǎo)航中,會(huì)運(yùn)用到塊元素以及行內(nèi)元素,display的分布用法,以及在設(shè)置完之后要清空浮動(dòng),而左右浮動(dòng)是用float去實(shí)現(xiàn)。要是既想實(shí)現(xiàn)塊內(nèi)元素以及行內(nèi)元素兩者的結(jié)合的話,可以使用display中的inline-block
整個(gè)導(dǎo)航的實(shí)現(xiàn)當(dāng)中,需要清楚選擇器以及樣式屬性的區(qū)分,為了美觀,可以外部鏈接CSS樣式的鏈接,在使用一些圖標(biāo)的時(shí)候,可以下載一個(gè)Front的一個(gè)庫引用進(jìn)去就可以了,在導(dǎo)航中,會(huì)運(yùn)用到塊元素以及行內(nèi)元素,display的分布用法,以及在設(shè)置完之后要清空浮動(dòng),而左右浮動(dòng)是用float去實(shí)現(xiàn)。要是既想實(shí)現(xiàn)塊內(nèi)元素以及行內(nèi)元素兩者的結(jié)合的話,可以使用display中的inline-block去實(shí)現(xiàn)。
在內(nèi)部文本的排列的時(shí)候,需要用到a標(biāo)簽,需要用到text-decoretion去除a帶的樣式,然后文字的間隔可以用 來去實(shí)現(xiàn)空格,以及光標(biāo)指向時(shí)發(fā)生顏色的變化,只需要在a標(biāo)簽下的CSS中a:hover添加顏色的屬性去改變即可。然后在去細(xì)分一下排布,導(dǎo)航欄基本就完成了。
批改老師:天蓬老師批改時(shí)間:2019-05-13 09:47:02
老師總結(jié):導(dǎo)航的設(shè)計(jì) 一直在前端編程中的一個(gè)重點(diǎn), 因?yàn)樗侵苯佑绊懙接脩趔w驗(yàn)的部分, 請(qǐng)給予足夠的重視