CSS(Cascading Style Sheets)是一種樣式定義語言,在網頁靜態展示過程中起到了關鍵的作用。在 CSS 中,樣式的定義方式有三種,分別是:
1. 內聯樣式 內聯樣式指的是將樣式代碼直接寫在 HTML 元素標簽的 <strong>style</strong> 屬性中的方式。例如,在一個帶有 <strong>id="example-id"</strong> 的 div 元素中加入如下內聯樣式代碼:<br> <div id="example-id" style="color:red; font-size: 16px;">這是一個包含內聯樣式的 div 元素</div> 這樣,就給 div 元素定義了一個文字顏色為紅色、字號為 16px 的內聯樣式。這種方式定義的內聯樣式會優先級最高,它會覆蓋后面的樣式。 2. 內部樣式表 內部樣式表是指在網頁代碼中使用 <strong><style></strong> 標簽定義的樣式表。這樣的樣式表只會在當前網頁的代碼中起作用。例如:<br> <head> <style> #example-id { color: red; font-size: 16px; } </style> </head> 這樣,就給 id 為 example-id 的元素定義了一個文字顏色為紅色、字號為 16px 的樣式。內部樣式表的優先級次于內聯樣式,但是仍然會比外部樣式表優先級高。 3. 外部樣式表 外部樣式表是指將 CSS 樣式代碼單獨放在一個 .css 文件中,并通過 <strong><link></strong> 標簽來鏈接到 HTML 網頁中。例如:<br> <head> <link rel="stylesheet" type="text/css" href="example.css"> </head> 這樣,在 example.css 文件中就可以定義樣式,然后通過鏈接到 HTML 文件中,使得 HTML 文件中的元素應用新的樣式。外部樣式表的優先級最低,但是它能夠使 CSS 樣式代碼得到復用,大幅提高開發效率。
上一篇css有過多的標記