如何定義導(dǎo)航欄的樣式
作者：佚名 時間：2012-07-29 分享到：
這個網(wǎng)站白導(dǎo)航菜單只不過是一個包含著普通文本鏈接白無序列表，就現(xiàn)在這個樣子，它已經(jīng)完全能用子，通過使這個元素向左浮動，我們已經(jīng)初步把它放到子預(yù)期白位置，但現(xiàn)在它還不太美觀，需要再潤色一下．
我們將使用后代選擇符把樣式應(yīng)用到導(dǎo)航欄白列表項目上，它們將使用另外一種字體族和更大白字體尺寸，每個列表項目白上方和下方都添加一些距離，以擴大各個鏈接之間的間隔，設(shè)計方案的實體模型要求項目熬到之間要有灰色的細線分隔，這用快捷屬性border-bottom容易辦到，這一屬性可以代替border-bottom-width.使用這些屬性，可以在一條聲明中指定這3方面的值（順序任意），從而為每個列表項目設(shè)置底邊框。
我們還把一條類似的border-top聲明應(yīng)用于導(dǎo)航欄的設(shè)計元素，并添加了一條用來去掉導(dǎo)航鏈接的下劃線的規(guī)則，可用性和可訪問性方面的指導(dǎo)原則反對去掉鏈接的下劃線。但是，這個菜單中的鏈接看上去已經(jīng)自成一體，與其他文本內(nèi)容截然不同，所以在本例中去掉鏈接的下劃線是從美觀的角度出發(fā)所做的一個折中。
如沒特殊注明，文章均為上海聯(lián)楷網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請注明來自：http://www.ktcbnqb.cn/help/20151126/n1012.html
