轉(zhuǎn)載自：https://blog.csdn.net/u013045552/article/details/50493308
使用CSS對(duì)頁面 進(jìn)行全方位的控制晶府，控制頁面的方式：
行內(nèi)樣式桂躏，內(nèi)嵌式，鏈接式川陆，導(dǎo)入式剂习。
行內(nèi)樣式：
直接對(duì)HTML的標(biāo)記使用style屬性，然后將CSS代碼直接寫進(jìn)去较沪；
<p style="color:#0000ff; font-style: normal;">威威貓</p>
內(nèi)嵌式：
將CSS寫在<head>與</head>之間鳞绕，并且用<style>和</style>標(biāo)記進(jìn)行聲明；
<head>
<style type="text/css">
<!--
p{
color:#0000FF;
text-decoration:underline;
font-weight:bold;
font-size:18px;
}
-->
</style>
</head>
略顯麻煩尸曼，維護(hù)成本高们何，因此僅適用于對(duì)特殊的頁面設(shè)置單獨(dú)的樣式風(fēng)格。
鏈接式：使用頻率最高控轿，最為實(shí)用的方法冤竹。
在文件<head> 和 </head> 標(biāo)記之間加上<link href = "sheet.css" type = "text/css" rel = "stylesheet" > ,將CSS文件鏈接到頁面中拂封，對(duì)其中的標(biāo)記進(jìn)行樣式控制。它將HTML頁面本身與CSS樣式風(fēng)格分離為兩個(gè)或者多個(gè)文件鹦蠕，實(shí)現(xiàn)了頁面框架HTML代碼和美工CSS代碼的完全分離冒签。
最大優(yōu)勢(shì)：CSS代碼和HTML代碼完全分離，并且同一個(gè)CSS文件可以被不同的HTML所鏈接使用钟病。
前期制作和后期維護(hù)都方便萧恕，網(wǎng)站后臺(tái)技術(shù)人員和美工設(shè)計(jì)者有很好的分工合作；對(duì)于同一個(gè)CSS文件可以鏈接到多個(gè)HTML文件中肠阱，甚至是所有頁面票唆，網(wǎng)站風(fēng)格統(tǒng)一，協(xié)調(diào)辖所，后期維護(hù)量大大減少惰说。
導(dǎo)入樣式：
與鏈接樣式表的功能基本相同，僅在語法和運(yùn)作方式上與鏈接樣式表略有區(qū)別缘回；
采用import方式導(dǎo)入的樣式表，在HTML文件初始化時(shí)典挑，會(huì)被導(dǎo)入到HTML文件內(nèi)酥宴。而鏈接樣式表則是在HTML的標(biāo)記需要格式時(shí)才以鏈接的方式引入；
格式種類：
@import url(sheet1.css);
@import url("sheet1.css");
@import url('sheet1.css');
@import sheet1.css;
@import "sheet1.css";
@import 'sheet1.css';
<head>
<style type="text/css">
<!--
<span style="font-family: SimSun;font-size:18px;"> @import url(sheet1.css);</span>
-->
</style>
</head>
各種方式的優(yōu)先級(jí)
行內(nèi)樣式>鏈接式>內(nèi)嵌式>@import導(dǎo)入式
PS：在<style> 與 </style>之間會(huì)用到 " <!-- " 和 “ --> ”將所有的CSS包含在其中您觉，避免老式瀏覽器不支持CSS拙寡，將CSS代碼直接顯示在瀏覽器上而設(shè)置的HTML注釋；
總結(jié)：
學(xué)習(xí)的是為了使用琳水，而熟悉了各種使用方式的優(yōu)缺點(diǎn)之后肆糕，能夠在合適的地方選擇合適的方式進(jìn)行處理才是最優(yōu)解。鏈接式是我們經(jīng)常見到和使用的在孝，在學(xué)習(xí)和使用CSS的使用應(yīng)該多向其他大型網(wǎng)站學(xué)習(xí)诚啃，學(xué)習(xí)他們的思想和設(shè)計(jì)，站在巨人的肩膀上私沮。
