網頁制作HTML盡量減少對CSS的依賴發布者：本站 時間：2021-02-08 10:02:08
結構與表現相關內容簡介
網站建設中html結構 css表現 javascrip行為 網頁布局要考慮到結構，表現，行為分離原則，首先重點放在結構和語義化上面，再考慮CSS，JS等，便于后期維護和分析……
結構與表現相分離的思想
- 初級的開發人員思路及制作方法：div層層嵌套；
- 中級的開發人員思路及制造方法：去掉多余的div,進行簡化；
-
高級的開發人員思路及制造方法：最大化的簡化html的結構，然后用css進行設置，減少html與css的契合度。
步驟：
先按結構和語義編寫代碼
然后進行css樣式設置
減少HTML與CSS契合度
overflow:
visible 默認值。內容不會被修剪，會呈現在元素框之外。
hidden 內容會被修剪，并且其余內容是不可見的。
scroll 內容會被修剪，但是瀏覽器會顯示滾動條以便查看其余的內容。
auto 如果內容被修剪，則瀏覽器會顯示滾動條以便查看其余的內容。
inherit 規定應該從父元素繼承 overflow 屬性的值。
text-indent文本縮進到目標位置，可以不要給文本再另外套標簽。減少冗余代碼
拿到一個網頁設計圖的時候，首先關注網頁的文字內容以及內容模塊間的關系。
把重點放在編寫語義化的html代碼上，而不要過多考慮設計圖上的樣式，
等到html按內容編寫完成之后，再考慮樣式的實現。
在不改變現有結構的基礎上，完成設計圖要求的視覺效果
margin可以是負值，通過負值，可以使該內容進行移動！實現四個方向的移動。
在結構（HTML）和樣式（css）中，可以先把內容通過HTML寫出來，再利用margin移動位置，實現排版，降低樣式和結構的耦合，并且減少代碼
網頁換膚及總結
盡量減少html對css的依賴
網頁換膚：相同的html結構，不同的css樣式
選擇我們，優質服務，不容錯過
1. 優秀的網絡資源，強大的網站優化技術，穩定的網站和速度保證
2. 15年上海網站建設經驗，優秀的技術和設計水平，更放心
3. 全程省心服務，不必擔心自己不懂網絡，更省心。
------------------------------------------------------------
24小時聯系電話：021-58370032
關鍵詞標簽：上海網站建設 上海網站制作 網站優化 小程序開發