CSS是Cascading Style Sheets的縮寫,即層疊樣式表。它是一種用于定義網頁布局和樣式的語言。
CSS可以控制網頁元素的外觀,包括文字顏色、背景顏色、字體、大小、邊框等等。要定義元素的樣式,需要先選擇這個元素,然后設置相應的屬性。
選擇元素的方式有多種,包括按標簽名選擇、按類名選擇、按ID選擇等等。以下是一些CSS選擇器的例子:
/* 按標簽名選擇 */ p { color: blue; } /* 按類名選擇 */ .intro { font-size: 16px; } /* 按ID選擇 */ #header { background-color: gray; }
在CSS中,可以使用簡寫屬性來設置多個樣式。例如,可以使用以下代碼定義元素的邊框:
border: 1px solid black;
以上代碼等同于以下代碼:
border-width: 1px; border-style: solid; border-color: black;
CSS可以在HTML文檔中的<head>標簽中進行定義,也可以在外部CSS文件中進行定義。以下是一個簡單的CSS外部文件的例子:
/* styles.css文件 */ h1 { color: red; } p { font-size: 14px; }
要在HTML文檔中引用這個外部文件,需要在HTML的<head>標簽中添加以下代碼:
<link rel="stylesheet" type="text/css" href="styles.css">
以上就是CSS定義元素的一些常用方法。通過掌握這些方法,可以寫出美觀且高效的網頁。