CSS即Cascading Style Sheets,層疊樣式表,是一種用來控制網頁樣式布局的語言。CSS可以用來控制網頁的顏色、字體、布局、大小等等。
CSS的常用選擇器包括:標簽選擇器、類選擇器、id選擇器、后代選擇器、子選擇器等等。
例:使用標簽選擇器,讓所有p標簽的文本顏色變為紅色:
p {
color: red;
}
例:使用id選擇器,讓具有id為“header”的div元素的背景顏色變為藍色:
#header {
background-color: blue;
}
CSS還可以用來創建動畫和過渡效果。例如,以下代碼將讓一個類為“box”的元素在1秒內從左到右移動:
.box {
position: relative;
animation: moveRight 1s forwards;
}
@keyframes moveRight {
from {
left: 0;
}
to {
left: 100px;
}
}
CSS的應用非常廣泛,網頁的美觀程度常常與CSS的使用有很大關系。
上一篇網頁設計與制作CSS課件
下一篇網頁設計中css