學習網頁制作,離不開CSS標簽的使用,因為CSS標簽可以用來控制網頁元素的樣式和布局。下面,我們來看一下如何創建CSS標簽。
/* 創建CSS樣式表 *//* 比如,下面的例子是為h1標簽添加樣式 */
這里的selector可以是HTML元素、class、id等,還可以使用組合選擇器,表示多個元素的共同樣式,比如:
/* 選擇元素類型 */ p { color: red; } /* 選擇class */ .content { font-size: 16px; } /* 選擇id */ #header-nav { background-color: #333; } /* 組合選擇器,選擇多個元素的共同樣式 */ h1, h2, h3 { color: green; }
除了屬性和屬性值,CSS還支持一些簡寫屬性,比如:
/* 簡寫屬性font,依次對應font-style, font-weight, font-size, line-height和font-family */ h2 { font: italic bold 24px/1.5 Helvetica, Arial, sans-serif; } /* 簡寫屬性margin和padding,依次對應上、右、下、左四個方向 */ .container { margin: 20px 30px 40px 50px; padding: 10px 15px; } /* 簡寫屬性border,依次對應邊框寬度、邊框樣式和邊框顏色 */ .btn { border: 1px solid #ccc; }
最后,需要注意的是,CSS樣式表可以在HTML文件的<head>標簽中添加,也可以放在單獨的.css文件中,用<link>標簽引入。另外,要避免使用行內樣式,即將樣式寫在HTML元素的style屬性中,因為這樣既不便于維護,也會影響網頁的性能。
上一篇如何刪除css中的屬性
下一篇mysql兩個庫聯合查詢