欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

淺談css的四種書寫方式(必看篇)

  發(fā)布時(shí)間:2016-10-20 10:14:10   作者:佚名   我要評(píng)論
下面小編就為大家?guī)?lái)一篇淺談css的四種書寫方式(必看篇) 。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧

優(yōu)先級(jí): 外部樣式 < 內(nèi)部樣式表 < 內(nèi)聯(lián)樣式表;

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

1.內(nèi)部樣式表

CSS Code復(fù)制內(nèi)容到剪貼板
  1. <head>   
  2.     <style>   
  3.         /*內(nèi)部樣式表,一般用于覆蓋公用樣式*/  
  4.         #headTip {   
  5.             color: 0xff5;   
  6.          }   
  7.     </style>   
  8. </head>  

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

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

XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <head>  
  2.     <link href="./my-common.css" rel="stylesheet" media="screen" type="text/css"/>  
  3. </head>  
3.@方式,引入css,注意這個(gè)是異步加載的,在整個(gè)html加載之后才加載,會(huì)導(dǎo)致頁(yè)面閃爍。不推薦使用。
CSS Code復(fù)制內(nèi)容到剪貼板
  1. <head>   
  2.     <style>   
  3.         @import 'my-common.css';   
  4.     </style>   
  5. </head>  
4.內(nèi)聯(lián)樣式表,優(yōu)先級(jí)最高最直白,但不能復(fù)用不容易維護(hù)。
XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <body>  
  2.     <input type="text" style="color:0x550;font-size:30px;"/>  
  3. </body>  

以上就是小編為大家?guī)?lái)的淺談css的四種書寫方式(必看篇) 全部?jī)?nèi)容了,希望大家多多支持腳本之家~

相關(guān)文章

最新評(píng)論