1. 程式人生 > 其它 >CSS樣式表

CSS樣式表

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優先順序最最高,但是不到最破不得已的時候,不要用