在網頁開發中,CSS是必不可少的一部分。它可以控制網頁的樣式和布局。為了更好地理解CSS的應用,我們進行了以下頁面實驗。
實驗一:控制字體
body { font-family: Arial, sans-serif; font-size: 16px; font-weight: 400; color: #333; }
通過以上代碼,我們成功地控制了整個頁面的字體,包括字體樣式、大小、字重和顏色。這樣可以讓網頁更易讀、更具有吸引力。
實驗二:控制排版
.container { width: 80%; margin: 0 auto; } .section { padding: 20px 0; }
通過以上代碼,我們控制了一個容器的寬度為頁面寬度的80%并居中顯示。另外,我們還通過padding控制了每個部分之間的空白間距,讓頁面更加美觀。
實驗三:控制背景
body { background-color: #f5f5f5; background-image: url('background.png'); background-repeat: repeat; }
通過以上代碼,我們成功地控制了頁面的背景顏色和背景圖片。background-repeat的值repeat表示背景圖片平鋪,可以讓頁面更加生動。
總的來說,我們通過實驗探索了CSS在控制頁面樣式和布局方面的應用。通過對字體、排版、背景等的控制,可以讓頁面更加美觀、易讀、易用。
上一篇css控制字體的位置
下一篇css規則定義在哪兒