CSS樣式表
阿新 • • 發佈:2021-11-14
css樣式表分為三種:css層疊性樣式表,外部樣式表/鏈入式樣式表,行內樣式表(極差,不允許使用)
1.鏈入式樣式表:在 HTML 檔案中使用<link/>
標籤連結外部樣式表,且<link/>
標籤必須放到 HTML 中的<head>
標籤內。
<link type="text/css" rel="stylesheet" href="css檔案的存放地址">
2.css層疊樣式:將 CSS 程式碼寫在 HTML 頁面中的<head>
標籤中的<style>
標籤內。
<style> span{ color: red; font-weight: bold; } </style> <body> <span>hello word</span> </body>
3.鏈入內部CSS
<style type="text/css"> /*這裡寫CSS內容*/ </style>
4.行內樣式表:直接在 HTML 標籤中使用 style 屬性設定 CSS 樣式。
<標籤 style="樣式宣告1;樣式宣告2;樣式宣告3"></標籤> <p style="font-size: 14px;color: red;font-weight: bold;">hello!</p>
5.後來者居上,越往後越說了算
行內樣式(div)>頭部樣式(style)>=外部樣式(link) 3.越精確越說了算
!important優先順序最最高,但是不到最破不得已的時候,不要用