手機端網(wǎng)站的頁面布局
來源:本站 2020-09-02
一、定位模式下的頁面布局
定位方法的布局通常指絕對定位。這種布局方法要求非常高的頁面布局精度。不幸的是,絕對定位布局方法的盒子模型在高度和寬度上是固定的,并且不是自適應(yīng)的。
二、不要過度使用ID選擇器
ID在頁面中出現(xiàn)一次。過度使用將失去樣式的可重用性,頁面的可維護性將大大降低。
三、類別選擇器和ID選擇器由字母編號命名。
選擇器和ID選擇器有多種命名方式。最好的方法是根據(jù)模塊的功能來命名它。
四、合理使用css布局,不要盲目使用
CSS樣式的主要功能是處理頁面結(jié)構(gòu)樣式,避免使用CSS技術(shù)來剝奪其他語言的腳本,從而嘗試一種技術(shù)或新技術(shù)。
五、樣式的可重用性
CSS布局網(wǎng)頁的最大特點是樣式的可重用性。高端網(wǎng)站設(shè)計公司認為使用class選擇器在網(wǎng)頁中重復(fù)使用某個樣式屬性,以減少連續(xù)定義樣式屬性的繁瑣工作,并提高頁面的可維護性。例如,您可以在某處表達樣式、整體樣式和文本顏色。您甚至可以擴展到頁面的模塊化處理。
六、浮動和清除浮動
浮動頁面布局中的許多瀏覽器兼容性問題都是由浮動引起的,例如IE6.0中的雙間距。浮動也是一把雙刃劍。兼容性問題是由它引起的第二個問題。良好地使用浮動將會給網(wǎng)頁的布局帶來很大的幫助。例如,使用負邊距方法設(shè)計網(wǎng)頁布局。