CSS基礎語法筆記

/* CSS樣式表的基礎語法 */
/* 選擇器 {屬性: 值;} */
/* 選擇器：指定需要樣式化的HTML元素 */
/* 屬性：需要改變的樣式屬性 */
/* 值：改變的樣式屬性的值 */
/* 1. 選擇器 */
/* 元素選擇器 */
p {
color: red;
}
/* ID選擇器 */
#nav {
background-color: yellow;
}
/* 類選擇器 */
.box {
border: 1px solid black;
}
/* 派生選擇器 */
ul li {
list-style: none;
}
/* 組合選擇器 */
a:hover {
text-decoration: underline;
}
/* 2. 屬性 */
/* color: 文本顏色 */
color: red;
/* background-color: 背景顏色 */
background-color: yellow;
/* font-size: 字體大小 */
font-size: 16px;
/* font-weight: 字體粗細 */
font-weight: bold;
/* text-align: 水平對齊 */
text-align: center;
/* vertical-align: 垂直對齊 */
vertical-align: middle;
/* border: 邊框 */
border: 1px solid black;
/* margin: 外邊距 */
margin: 0 auto;
/* padding: 內邊距 */
padding: 10px;

以上為CSS基礎語法，可以通過選擇器、屬性和值對網頁實現樣式化的效果。