關(guān)于網(wǎng)站建設(shè)布局的注意事項(xiàng)-ESG跨境

許多站長(zhǎng)在建站過(guò)程中，常常忽視網(wǎng)站建設(shè)布局，其實(shí)它對(duì)網(wǎng)站的整體設(shè)計(jì)有至關(guān)重要的作用。下面，簡(jiǎn)單的介紹關(guān)于網(wǎng)站建設(shè)布局的幾個(gè)注意事項(xiàng)。

切忌盲目使用CSS布局

CSS的主要作用是在于能夠處理頁(yè)面結(jié)構(gòu)樣式，能夠規(guī)避只為試驗(yàn)一種新技術(shù)或者新技

巧而使用CSS中的技巧從而剝奪其他語(yǔ)言腳本的使用。

關(guān)于浮動(dòng)及清除浮動(dòng)

大部分瀏覽器的兼容問(wèn)題是由于浮動(dòng)而引起的，例如在IE6.0中的雙倍間距問(wèn)題。浮動(dòng)具有兩面性，能夠利用好浮動(dòng)對(duì)于網(wǎng)頁(yè)布局可以帶來(lái)很大的益處，比如利用負(fù)邊距的方法設(shè)計(jì)網(wǎng)頁(yè)布局。清除浮動(dòng)的方式多種多樣，但是必須慎用清除浮動(dòng)，注意使用后是否會(huì)給網(wǎng)頁(yè)布局帶來(lái)負(fù)面影響。

關(guān)于樣式的重用性

樣式的重用性是CSS布局網(wǎng)頁(yè)最大的特點(diǎn)，可以利用class選擇符重復(fù)把某個(gè)樣式屬性

在網(wǎng)頁(yè)中多次使用，來(lái)降低不斷定義樣式屬性的工作，能夠增加頁(yè)面的可維護(hù)性，比如某處表達(dá)樣式、文字顏色、版塊整體樣式等方面。

減少使用ID選擇符

ID在一個(gè)頁(yè)面里出現(xiàn)的次數(shù)是一次，如果過(guò)多使用就會(huì)失去樣式重用性的特點(diǎn)，也會(huì)

影響頁(yè)面的可維護(hù)性。

關(guān)于定位方式的頁(yè)面布局

通常定位方式的頁(yè)面布局是指絕對(duì)定位，這類布局方式對(duì)頁(yè)面布局設(shè)計(jì)的準(zhǔn)確度有嚴(yán)格

要求，但是它最大的缺陷是已經(jīng)設(shè)置固定的寬和高，無(wú)法進(jìn)行自動(dòng)適應(yīng)。

關(guān)于類選擇符和ID選擇符

類選擇符和ID選擇符的命名方式多種多樣，最佳的方式是針對(duì)某個(gè)模塊的功能進(jìn)行命

名，在網(wǎng)站建設(shè)中不使用字母+數(shù)字的方式來(lái)命名，比如對(duì)于主要內(nèi)容的區(qū)域，不要使用.box1而是應(yīng)該選擇.mainBox。

特別聲明：以上文章內(nèi)容僅代表作者本人觀點(diǎn)，不代表ESG跨境電商觀點(diǎn)或立場(chǎng)。如有關(guān)于作品內(nèi)容、版權(quán)或其它問(wèn)題請(qǐng)于作品發(fā)表后的30日內(nèi)與ESG跨境電商聯(lián)系。