一、定位模式下的頁(yè)面布局

定位方法的布局通常指絕對(duì)定位。這種布局方法要求非常高的頁(yè)面布局精度。不幸的是，絕對(duì)定位布局方法的盒子模型在高度和寬度上是固定的，并且不是自適應(yīng)的。

二、不要過(guò)度使用ID選擇器

ID在頁(yè)面中出現(xiàn)一次。過(guò)度使用將失去樣式的可重用性，頁(yè)面的可維護(hù)性將大大降低。

三、類別選擇器和ID選擇器由字母編號(hào)命名。

選擇器和ID選擇器有多種命名方式。好的方法是根據(jù)模塊的功能來(lái)命名它。

四、合理使用css布局，不要盲目使用

CSS樣式的主要功能是處理頁(yè)面結(jié)構(gòu)樣式，避免使用CSS技術(shù)來(lái)剝奪其他語(yǔ)言的腳本，從而嘗試一種技術(shù)或新技術(shù)。

五、樣式的可重用性

CSS布局網(wǎng)頁(yè)的大特點(diǎn)是樣式的可重用性。高端網(wǎng)站設(shè)計(jì)公司認(rèn)為使用class選擇器在網(wǎng)頁(yè)中重復(fù)使用某個(gè)樣式屬性，以減少連續(xù)定義樣式屬性的繁瑣工作，并提高頁(yè)面的可維護(hù)性。例如，您可以在某處表達(dá)樣式、整體樣式和文本顏色。您甚至可以擴(kuò)展到頁(yè)面的模塊化處理。

六、浮動(dòng)和清除浮動(dòng)

浮動(dòng)頁(yè)面布局中的許多瀏覽器兼容性問(wèn)題都是由浮動(dòng)引起的，例如IE6.0中的雙間距。浮動(dòng)也是一把雙刃劍。兼容性問(wèn)題是由它引起的第二個(gè)問(wèn)題。良好地使用浮動(dòng)將會(huì)給網(wǎng)頁(yè)的布局帶來(lái)很大的幫助。例如，使用負(fù)邊距方法設(shè)計(jì)網(wǎng)頁(yè)布局。

文章標(biāo)題：手機(jī)端網(wǎng)站的頁(yè)面布局
當(dāng)前地址：http://www.js-pz168.com/news24/232724.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供做網(wǎng)站、搜索引擎優(yōu)化、企業(yè)網(wǎng)站制作、網(wǎng)站改版、標(biāo)簽優(yōu)化、建站公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)