今天我們進行了網頁制作實驗二,主要是學習如何使用CSS來美化網頁。CSS是層疊樣式表(Cascading Style Sheets)的簡稱,它用來定義HTML文檔的顯示效果。
CSS的基本語法結構是:選擇器 { 屬性1: 值1; 屬性2: 值2; ... }
選擇器指定應用該樣式的HTML元素,屬性和值用來定義樣式。在實驗中,我們使用了簡單的CSS樣式。
body { background-color: #f0f0f0; } h1 { color: #0055ff; font-size: 32px; text-align: center; } p { margin: 20px; font-size: 18px; line-height: 1.5em; }
其中,我們將body元素的背景顏色設置為淡灰色,h1元素的顏色設置為藍色且居中,p元素的樣式包括外邊距、字體大小和行高等。
在實驗中,我們還學習了CSS的盒模型和浮動布局。盒模型指的是HTML元素被看做是一個方框,包括內容區、內邊距、邊框和外邊距等。浮動布局則是指HTML元素可以浮動到頁面的左側或右側,以實現多個元素水平排列的效果。
總的來說,本次實驗讓我們初步了解了CSS的基本語法和常用樣式,同時也熟悉了如何將樣式應用到HTML元素中,讓網頁更加美觀。
上一篇網頁制作css樣式靜夜思
下一篇css評分什么意思