CSS(層疊樣式表)是用于控制網頁樣式的一種技術。 它控制頁面的視覺效果,包括布局,顏色,字體和其他元素。以下是一些 CSS 樣式的基本知識。
p { color: blue; font-size: 18px; line-height: 1.5; }
在上面的代碼段中,
<p>是選擇器,它指定了將應用樣式的元素。 當前選擇器應用于所有
<p>元素。在花括號中定義了三條樣式規則 - 顏色,字體大小和行高。顏色規則將文本顏色設置為藍色,字體大小規則設置為 18 像素,行高規則設置為 1.5。
CSS 允許你按照選擇器類型來定義樣式,例如 HTML 元素,類和 ID。您可以使用多個選擇器來定義樣式。
p, h1, .myClass { color: blue; font-size: 18px; line-height: 1.5; }
上面的代碼片段將
<p>、
<h1>和所有擁有
class="myClass"的元素的文本顏色,字體大小和行高都設置為相同的值。
您可以將 CSS 樣式放在一個外部樣式表中,以在整個站點中重復使用。 您也可以在 HTML 文檔的頂部使用樣式標簽來內聯定義 CSS 樣式。
<head> <style> p { color: blue; font-size: 18px; line-height: 1.5; } </style> </head>
上面的代碼將 CSS 樣式內聯到 HTML 文檔中,其中選擇器為
<p>,樣式規則與前面的示例相同。
如您所見,CSS 樣式有很多選項和設置。 學習基礎知識并練習使用不同的屬性可以幫助你更好地掌握 CSS 樣式。
上一篇oracle 12 跟蹤
下一篇css樣式按鈕點擊特效