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

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

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

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

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

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標簽,在文檔中聲明使用外接資源,最常用的一種方式。

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,注意這個是異步加載的,在整個html加載之后才加載,會導(dǎo)致頁面閃爍。不推薦使用。
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)先級最高最直白,但不能復(fù)用不容易維護。
XML/HTML Code復(fù)制內(nèi)容到剪貼板
  1. <body>  
  2.     <input type="text" style="color:0x550;font-size:30px;"/>  
  3. </body>  

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

相關(guān)文章

最新評論