CSS外部樣式表是一種嵌入式的CSS樣式,通過(guò)元素引用到HTML文檔中,這樣就可以在一個(gè)文檔中統(tǒng)一管理網(wǎng)站的諸多樣式,這樣使頁(yè)面結(jié)構(gòu)和內(nèi)容更加清晰簡(jiǎn)潔。
Welcome to my website
This is a paragraph of text with somegreen text
在上面的代碼中,<link>
元素引用了名為styles.css
的外部CSS文件,在該文件中,定義了許多樣式規(guī)則,如文本顏色、字體大小等。
/* styles.css */ body { font-family: Arial, sans-serif; } h1 { color: #333; } span.green-text { color: green; } button.submit-btn { background-color: blue; color: #fff; border: none; padding: 10px 20px; border-radius: 5px; }
在上面的代碼中,我們可以看到一些用于頁(yè)面元素的樣式規(guī)則。計(jì)入其中有一些為文本內(nèi)的green text定義的樣式規(guī)則,以及一個(gè)提交按鈕的規(guī)則。
使用CSS外部樣式表,可以輕松管理整個(gè)網(wǎng)站的樣式,使它們?cè)谒许?yè)面中保持一致。這也使樣式在修改時(shí)更加易于維護(hù)和管理。