在網頁設計中,CSS樣式是非常重要的。CSS樣式可以使網頁看起來更加美觀,使得網頁排版更加清晰,同時也可以提高用戶的交互體驗。因此,掌握CSS樣式是非常有必要的。
下面是一些常用的CSS樣式:
body { font-family: Arial, sans-serif; /* 設置字體 */ background-color: #eee; /* 設置背景顏色 */ } h1, h2, h3 { color: #333; /* 設置標題顏色 */ text-align: center; /* 設置居中 */ } a { color: #007bff; /* 設置鏈接顏色 */ text-decoration: none; /* 去掉下劃線 */ } .container { max-width: 960px; /* 設置容器最大寬度 */ margin: 0 auto; /* 居中 */ padding: 20px; /* 設置內邊距 */ background-color: #fff; /* 設置容器背景顏色 */ box-shadow: 0 0 10px rgba(0, 0, 0, .1); /* 設置陰影效果 */ }
在CSS樣式中,可以通過選擇器來選擇需要設置樣式的元素。例如,body
選擇器選擇了整個頁面的
h1, h2, h3
選擇器選擇了頁面中所有的標題元素,a
選擇器選擇了所有的鏈接元素等等。選擇器還可以通過類(class)或者ID來選擇元素,并設置類或者ID的樣式。上述代碼中的.container
選擇器,就是通過類選擇器來選擇容器元素,并設置容器元素的樣式。在HTML中,將需要設置為容器的元素添加類container
即可。
上一篇網頁設計css詞距
下一篇網頁購物車加減css