CSS(層疊樣式表)是網(wǎng)頁設(shè)計(jì)中必不可少的一部分,通過CSS可以控制網(wǎng)頁的各種視覺效果,如字體、顏色、布局、動(dòng)畫等等。下面是一些常用的CSS樣式屬性:
/* 字體樣式 */ font-family: Arial, sans-serif; /* 設(shè)置字體 */ font-size: 16px; /* 設(shè)置字體大小 */ font-weight: bold; /* 設(shè)置字體加粗 */ /* 文字樣式 */ color: #333; /* 設(shè)置文字顏色 */ text-align: center; /* 設(shè)置文字居中對齊 */ text-decoration: underline; /* 設(shè)置文字下劃線 */ /* 背景樣式 */ background-color: #f5f5f5; /* 設(shè)置背景顏色 */ background-image: url("image.jpg"); /* 設(shè)置背景圖片 */ background-size: cover; /* 設(shè)置背景圖片鋪滿整個(gè)容器 */ /* 盒子模型樣式 */ width: 400px; /* 設(shè)置盒子寬度 */ height: 200px; /* 設(shè)置盒子高度 */ padding: 10px; /* 設(shè)置內(nèi)邊距 */ margin: 20px auto; /* 設(shè)置外邊距并居中 */ /* 邊框樣式 */ border: 1px solid #ccc; /* 設(shè)置邊框 */ border-radius: 5px; /* 設(shè)置邊框圓角 */ /* 列表樣式 */ list-style-type: disc; /* 設(shè)置列表標(biāo)記類型 */ list-style-position: inside; /* 設(shè)置列表標(biāo)記位置 */ /* 清除浮動(dòng) */ clear: both; /* 清除浮動(dòng) */ /* 動(dòng)畫效果 */ transition: all 0.5s ease; /* 添加過渡動(dòng)畫 */ animation: myanimation 2s infinite; /* 添加關(guān)鍵幀動(dòng)畫 */