CSS (Cascading Style Sheets) 是用于美化網頁的一種標記語言。與 HTML 標記語言相似,CSS 也需要寫入 HTML 文件中。
<head> <style> /* CSS 代碼寫在這里 */ </style> </head>
在 HTML 的 head 標簽中可以使用 style 標簽來編寫 CSS 代碼。CSS 代碼寫在 style 標簽的開始和結束標簽之間。
如果想在 HTML 的元素中使用 CSS 樣式,需要通過選擇器來選擇元素并添加樣式。
/* 選擇器 */ 元素名 { 樣式屬性: 樣式值; } /* 示例:改變 h1 元素的字體顏色和文字大小 */ h1 { color: red; font-size: 32px; }
以上代碼中,h1 為選擇器,color 和 font-size 為樣式屬性,red 和 32px 為樣式值。
除了元素名選擇器,還可以使用類選擇器和 ID 選擇器。
/* 類選擇器 */ .類名 { 樣式屬性: 樣式值; } /* 示例:給類名為 green 的元素添加綠色背景色 */ .green { background-color: green; } /* ID 選擇器 */ #id名 { 樣式屬性: 樣式值; } /* 示例:給 ID 名為 logo 的元素添加圖片背景 */ #logo { background-image: url(logo.png); /* 圖片資源路徑 */ }
以上代碼中,.類名 和 #id名 分別是類選擇器和 ID 選擇器,后面的語法和元素名選擇器類似。
最后,需要注意 CSS 的層疊性。當多個樣式同時作用于一個元素時,會按照優先級和就近原則進行層疊。如果存在多個同樣的樣式屬性,后面的會覆蓋前面的。
上一篇CSS怎么做稱號
下一篇css怎么使表格居中