最近我們學校開始新的一節課程——CSS基礎。這節課程會讓我們從頭開始學習CSS,并將著重介紹CSS的樣式與布局。下面是一些CSS基礎的內容。
/* 選擇器 */
h1 {
color: blue;
font-size: 28px;
}
/* 盒模型 */
.box {
width: 200px;
height: 200px;
border: 1px solid black;
padding: 20px;
margin: 20px;
}
/* 相對定位與絕對定位 */
.relative {
position: relative;
left: 50px;
top: 50px;
}
.absolute {
position: absolute;
left: 0px;
top: 0px;
}
/* 浮動 */
.float {
float: left;
width: 200px;
}
以上只是CSS的基礎內容,以后我們還將學習更多的高級技巧,如 CSS 動畫、響應式布局和 CSS 預處理器等等。
相信通過這節課的學習,我們一定會有更深入的了解和掌握CSS,讓我們來一起學習吧!