CSS(Cascading Style Sheets)是一種用于為HTML文檔添加樣式的語言。它可以使我們方便地實現(xiàn)文檔的布局和美化。CSS中有兩種樣式應用方式,分別是內聯(lián)樣式和外部樣式表。
內聯(lián)樣式是將CSS代碼直接寫在HTML元素的style屬性中,例如:
<div style="color:red; font-size:20px; background-color:yellow;">這是一個div元素</div>
在這個例子中,我們使用內聯(lián)樣式給div元素添加了紅色文本,20像素的字體大小以及黃色的背景色。雖然內聯(lián)樣式方便快捷,但不能重用和維護代碼。當我們需要修改樣式時,需要修改每個HTML元素的style屬性。
與內聯(lián)樣式相對的是外部樣式表。外部樣式表是將CSS代碼保存在獨立的CSS文件中,例如:
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
在這個例子中,我們在HTML文檔的head標簽中引入外部樣式表style.css。我們可以在style.css中定義一個CSS規(guī)則,例如:
div { color:red; font-size:20px; background-color:yellow; }
當HTML文檔中需要使用這個規(guī)則時,只需要給元素添加class或id屬性即可:
<div class="my-class">這是一個div元素</div> <div id="my-id">這是一個div元素</div>
在這個例子中,我們使用外部樣式表中的div規(guī)則給HTML文檔中的兩個div元素添加相同的樣式。當我們需要修改這個規(guī)則時,只需要修改style.css文件即可,所有使用這個規(guī)則的HTML元素都會生效。