CSS(Cascading Style Sheets)是一種用于為網(wǎng)頁(yè)添加樣式和排版的語(yǔ)言。通過CSS,我們可以決定網(wǎng)頁(yè)中的文字大小、顏色、字體、邊框樣式、背景顏色和圖像等等。CSS可以直接嵌入HTML文檔中,也可以鏈接外部的CSS文件。
/* 在HTML文檔中嵌入CSS */ <head> <style> p { font-size: 16px; color: #333; } </style> </head> /* 鏈接外部的CSS文件 */ <head> <link rel="stylesheet" href="style.css"> </head>
無論是嵌入式的CSS還是外鏈的CSS,它們的寫法都一樣。我們需要指定要添加樣式的HTML元素,然后使用花括號(hào)將CSS樣式包裹起來。
/* 將網(wǎng)頁(yè)中所有h1標(biāo)簽的文字顏色設(shè)置為綠色 */ h1 { color: green; }
在CSS中,我們可以使用各種各樣的屬性來控制網(wǎng)頁(yè)的樣式。比如,我們可以使用寬度(width)和高度(height)屬性來控制元素的大小,使用邊框(border)屬性來控制元素的邊框樣式,使用背景顏色(background-color)屬性來控制元素的背景顏色等等。
/* 將id為box的div元素的寬度設(shè)置為300像素,高度設(shè)置為200像素,邊框?qū)挾葹?像素,邊框顏色為灰色 */ #box { width: 300px; height: 200px; border: 1px solid #ccc; }
總之,CSS可以讓我們將網(wǎng)頁(yè)變得更加美觀、易讀、易用。在寫CSS時(shí),我們需要遵循一些基本的規(guī)則,比如選擇器和屬性的書寫順序、大小寫的使用、注釋的添加等等。這些規(guī)則可以讓我們的代碼更加整潔、易讀、易于維護(hù)。