智慧樹(shù)是一家在線教育平臺(tái)，提供了多種課程學(xué)習(xí)資源，其中包括了CSS基礎(chǔ)。本文將介紹智慧樹(shù)CSS基礎(chǔ)課程中的一些重點(diǎn)內(nèi)容，希望對(duì)讀者有所幫助。

.box {
width: 100px;
height: 100px;
background-color: red;
}

一、CSS選擇器

CSS選擇器用于指定CSS規(guī)則要應(yīng)用的HTML元素。在CSS基礎(chǔ)課程中，我們學(xué)習(xí)了常用的三種選擇器：元素選擇器、類(lèi)選擇器和ID選擇器。例如：

p {
color: green;
}
.class {
font-size: 16px;
}
#id {
border: 1px solid blue;
}

這里通過(guò)元素選擇器、類(lèi)選擇器和ID選擇器分別為p、class為“class”和ID為“id”的HTML元素添加了CSS樣式。

二、CSS盒模型

CSS盒模型是指HTML元素在頁(yè)面中呈現(xiàn)為一個(gè)矩形的模型。該模型由元素的內(nèi)容、內(nèi)邊距、邊框和外邊距四部分組成。在CSS基礎(chǔ)課程中，我們學(xué)習(xí)了如何使用CSS樣式來(lái)控制盒模型的每個(gè)部分。例如：

.box {
width: 100px;
height: 100px;
padding: 10px;
border: 1px solid black;
margin: 10px;
}

該代碼中定義了一個(gè)樣式名為“box”的HTML元素的CSS樣式。這個(gè)元素的寬度和高度都為100像素，內(nèi)邊距為10像素，邊框?yàn)?像素粗的黑色實(shí)線，外邊距為10像素。

三、CSS定位

CSS定位用于控制HTML元素在頁(yè)面中的位置。在CSS基礎(chǔ)課程中，我們學(xué)習(xí)了如何使用CSS樣式來(lái)進(jìn)行絕對(duì)定位、相對(duì)定位和固定定位。例如：

.absolute {
position: absolute;
left: 100px;
top: 100px;
}
.relative {
position: relative;
left: 50px;
}
.fixed {
position: fixed;
top: 0;
right: 0;
}

以上代碼定義了三個(gè)樣式名分別為“absolute”、“relative”和“fixed”的HTML元素。這三個(gè)元素分別使用了絕對(duì)定位、相對(duì)定位和固定定位，通過(guò)修改left、top、right和bottom屬性，可以控制HTML元素在頁(yè)面中的位置。

綜上所述，CSS基礎(chǔ)課程是一門(mén)重要的前端技能，掌握CSS選擇器、CSS盒模型和CSS定位等知識(shí)點(diǎn)可以幫助我們更好地掌握前端編程。