CSS(Cascading Style Sheets)是網頁開發中不可或缺的一部分,它可以為 HTML 元素添加樣式和布局效果。在 CSS 中,有很多常用的標簽可以用來實現樣式效果,下面是一些常用標簽及其用法:
/* 以下為 CSS 樣式代碼 */ p { font-size: 16px; /* 設置字體大小為 16 像素 */ line-height: 1.5; /* 設置行高為當前字體大小的 1.5 倍 */ color: #333; /* 設置文字顏色為深灰色 */ } h1, h2, h3 { font-weight: bold; /* 設置標題字體加粗 */ color: #666; /* 設置標題顏色為淺灰色 */ } a { text-decoration: none; /* 取消鏈接下劃線 */ color: #007bff; /* 設置鏈接為藍色 */ } img { max-width: 100%; /* 設置圖片最大寬度為父容器寬度的百分之百 */ height: auto; /* 設置圖片高度自適應 */ display: block; /* 設置圖片為塊級元素,使其可設置 margin/padding 等屬性 */ } ul, ol { list-style: none; /* 去掉列表標記樣式 */ } li { padding-left: 1rem; /* 設置列表項左側縮進為 1 個字(1rem) */ }
首先是p標簽,它是段落標簽,常用于顯示一段文章、一篇博客等。
接著是標題標簽,包括h1、h2、h3等標簽,用于顯示文章標題。
鏈接標簽a可以用來添加跳轉鏈接,可以通過 CSS 設置鏈接樣式。
img標簽則用于顯示圖片,可以使用 CSS 控制圖片大小、居中等屬性。
列表標簽ul和ol可以用來顯示有序或無序列表,使用 CSS 可以去掉標記符號、縮進等。
以上是部分常用的 CSS 標簽及其用法,當然還有很多其他的標簽和屬性可以用來實現更豐富的頁面效果。