教育行業(yè)A股IPO第一股（股票代碼 003032）

全國咨詢/投訴熱線：400-618-4000

CSS結構與表現(xiàn)分離怎么實現(xiàn)？

更新時間:2021年07月02日18時02分 來源:傳智教育 瀏覽次數(shù):

傳智教育-一樣的教育，不一樣的品質(zhì)

使用HTML標簽屬性對網(wǎng)頁進行修飾的方式存在很大的局限和不足，因為我們所有的樣式都是寫在標簽中，這樣既不利于代碼閱讀，將來維護代碼也非常困難。如果希望網(wǎng)頁美觀、大方、維護方便，就需要使用CSS實現(xiàn)結構與表現(xiàn)的分離。結構與表現(xiàn)相分離是指在網(wǎng)頁設計中，HTML標簽只用于搭建網(wǎng)頁的基本結構，不使用標簽屬性設置顯示樣式，所有的樣式交由CSS來設置。

CSS非常靈活，既可以嵌入在HTML文檔中，也可以是一個單獨的外部文件，如果是獨立的文件，則必須以.css為后綴名。如圖1所示的代碼片段，就是將CSS嵌入在HTML文檔中，雖然與HTML在同一個文檔中，但CSS集中寫在HTML文檔的頭部，也是符合結構與表現(xiàn)相分離的。

圖1 HTML和CSS代碼片段

如今大多數(shù)網(wǎng)頁都是遵循Web標準開發(fā)的，即用HTML編寫網(wǎng)頁結構和內(nèi)容，而相關版面布局、文本或圖片的顯示樣式都使用CSS控制。HTML與CSS的關系就像人的身體與衣服，通過更改CSS樣式，可以輕松控制網(wǎng)頁的表現(xiàn)樣式。


猜你喜歡：

CSS3中怎樣將box-sizing設為content-box？

CSS結構的特點有哪些？CSS樣式規(guī)則介紹

jQuery如何使用css方法修改單個樣式？

傳智教育前端高手班培訓

0 分享到：
和我們在線交談！