CSS是一種層疊樣式表,用于描述HTML或XML文檔的外觀和布局。如果您是初學者,那么接下來的一些提示幫助您開始使用CSS。
樣式定義通常編寫在<head>標簽內<style>標簽中。例如:
<head> <style> body { background-color: #eee; } h1 { color: red; } </style> </head>
這里我們定義了一個body的背景顏色和h1的文本顏色。其中,#eee和red是顏色值。
需要注意,CSS定義的樣式是層疊的。也就是說,如果一個元素被多個樣式定義所匹配,那么最終會采用何種樣式取決于其權重(比如行內樣式權重高于內部樣式,內部樣式權重高于外部樣式表定義的樣式)。
在CSS中,選擇器用于選擇需要應用樣式的元素。最常用的選擇器是標簽選擇器、類選擇器和ID選擇器。
標簽選擇器:
p { color: blue; }
這里我們為所有的<p>標簽定義了文本顏色為blue。
類選擇器:
<style> .important { font-weight: bold; } </style> <p class="important">這段文本很重要!</p>
這里我們定義了一個.important的類,用于設置文本的字體為粗體。而在HTML文檔中,我們使用class屬性來給元素加上這個類。
ID選擇器:
<style> #header { background-color: red; } </style> <div id="header">This is a header!</div>
這里我們為一個元素(<div>)定義了一個ID為header,并設置了其背景顏色為紅色。類似地,我們在HTML文檔中使用id屬性來給元素加上這個ID。
上一篇css鼠標懸停顯示邊框
下一篇css編寫怎么使用大括號