九九热线视频精品99-动漫高h纯肉无码视频在线观看-午夜理论无码片在线观看免费-99精品国产在热久久无码-亚洲国产成人乱码

css的四種書寫方式

2016/10/20 8:29:48   閱讀:1783    發(fā)布者:1783

優(yōu)先級: 外部樣式 < 內部樣式表 < 內聯樣式表;

優(yōu)先級,即:同名的選擇器右邊的會覆蓋左邊

1.內部樣式表

<head> 
    <style> 
        /*內部樣式表,一般用于覆蓋公用樣式*/ 
        #headTip { 
            color: 0xff5; 
         } 
    </style> 
</head>

2.使用link標簽,在文檔中聲明使用外接資源,最常用的一種方式。

css外部樣式表指定編碼的@CHARSET="utf-8"; 需要放在第一行。

<head> 
    <link href="./my-common.css" rel="stylesheet" media="screen" type="text/css"/> 
</head>

3.@方式,引入css,注意這個是異步加載的,在整個html加載之后才加載,
會導致頁面閃爍。不推薦使用。

<head> 
    <style> 
        @import ’my-common.css’; 
    </style> 
</head>

4.內聯樣式表,優(yōu)先級最高最直白,但不能復用不容易維護。

<body> 
    <input type="text" style="color:0x550;font-size:30px;"/> 
</body>