眾所周知,HTML是一個標記語言,主要用來描述網頁文檔的結構。雖然它很好用,但是它的實際表現并不是很好看。所以我們需要CSS來美化我們的網頁。CSS(Cascading Style Sheets)是一種樣式表語言,它主要用來為HTML文檔添加樣式。要寫CSS代碼,我們需要先把對應的HTML元素的選擇器選出來。比如說:
p { font-size: 16px; color: #333; }
上面的代碼就定義了所有的<p>元素應該使用16像素的字體大小和深灰色的文本顏色。在CSS中,選擇器可以使用標簽名、class、ID等屬性來進行選擇。
下面是一個基本的CSS示例,它定義了一個頁面的整體背景色和標題的樣式:
body { background-color: #f2f2f2; } h1 { font-size: 28px; text-align: center; color: #333; }
在上面的代碼示例中,我們使用了CSS的兩種常見方法:選擇器和屬性。選擇器以花括號({ })括起來,屬性以冒號(:)分隔,每個規則以分號(; )結尾。這個例子中,我們設置了<body>元素的背景顏色為淺灰色,設置了<h1>元素的文本大小、對齊方式和顏色。
值得注意的是,CSS還支持很多其他屬性和值,這些都可以用來控制網頁的樣式。比如我們可以設置文本的字體、間距、邊框、背景圖片等等,都是很常見的屬性。同時,我們還可以使用偽類、媒體查詢等高級特性,讓我們的CSS代碼更靈活、更強大。
下一篇css側邊欄展開視頻