有4種方式，行內方式、內嵌方式、鏈接方式、導入方式
1、行內方式
行內方式是4種樣式中最直接最簡單的一種，直接對HTML標簽適用style=""，例如：
<p style="color:#F00; background:#CCC; font-size:12px;"></p>
雖然這種方法比較直接，在制作頁面的時候需要為很多的標簽設置style屬性，所以會導致HTML頁面不夠純凈，文件體積過大，不利于搜索蜘蛛爬行，從而導致后期維護成本高。
2、內嵌方式
內嵌方式就是將CSS代碼寫在<head></head>之間，并且用<style></style>進行聲明，例如：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
<style type="text/css">
<!--
#div1{width:64px; height:64px; float:left;}
#div1 img{width:64px; height:64px;}
-->
</style>
</head>
<body>
<div id="div1"><img src="https://www.jb51.net/images/logo.gif" /></div>
</body>
</html>
運行代碼 復制代碼 另存代碼 <script language="JavaScript">ffcod = delpost.runcode7 .value; ffcod = ffcod.replace(/
/g,''); delpost.runcode7 .value = ffcod;</script> 提示：您可以先修改部分代碼再運行
內嵌方式，大家應該也能意識到，即使有公共CSS代碼，也是每個頁面都要定義的，如果一個網站有很多頁面，每個文件都會變大，后期維護也大，如果文件很少，CSS代碼也不多，這種方式還是很不錯的。
3、鏈接方式
鏈接方式是使用頻率最高，最實用的方式，只需要在<head></head>之間加上
復制代碼
代碼如下:
<link href="style.css" type="text/css" rel="stylesheet" />
，就可以了，這種方式將HTML文件和CSS文件徹底分成兩個
或者多個文件，實現了頁面框架HTML代碼與美工CSS代碼的完全分離，使得前期制作和后期維護都十分方便，并且如果要保持頁面風格統一，只需要把這些公共的CSS文件單獨保存成一個文件，其他的頁
面就可以分別調用自身的CSS文件，如果需要改變網站風格，只需要修改公共CSS文件就OK了，相當的方便，這才是我們xHTML+CSS制作頁面提倡的方式。
HTML代碼
復制代碼
代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>無標題文檔</title>
<link href="style.css" type="text/css" rel="stylesheet" />
</head>
<body>
<div id="div1"><img src="https://www.jb51.net/images/logo.gif" /></div>
</body>
</html>
CSS代碼
復制代碼
代碼如下:
#div1{width:64px; height:64px; float:left;}
#div1 img{width:64px; height:64px;}
4、導入方式
導入樣式和鏈接樣式比較相似，采用import方式導入CSS樣式表，在HTML初始化時，會被導入到HTML文件中，成為文件的一部分，類似第二種內嵌方式。
具體導入樣式和鏈接樣式有什么區別，可以參看這篇文章《CSS:@import與link的具體區別》，不過我還是建議大家用鏈接方式！
四種樣式的優先級 ：
如果這上面的四種方式中的兩種用于同一個頁面后，就會出現優先級的問題，這里我就不再舉例子來說明了，大家在下面自己證明一下下面的結論
四種樣式的優先級別是(從高至低)：行內樣式、內嵌樣式、鏈接樣式、導入樣式。
拓展資料
css是層疊樣式表(英文全稱：Cascading Style Sheets)是一種用來表現HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等文件樣式的計算機語言。
CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化。
CSS為HTML標記語言提供了一種樣式描述，定義了其中元素的顯示方式。CSS在Web設計領域是一個突破。利用它可以實現修改一個小的樣式更新與之相關的所有頁面元素。
新手不懂正常，因為你提到的一些技術有一些并不是一個體系里面的東西，以下我列出這幾種技術是啥以及他們之間的關系:
1.HTML是超文本標記語言，它是通過特定的標簽標識一些信息，網頁設計就需要HTML。它標識信息如<title>這是個標題</title>，使用title標簽，以我舉例的形式進行標注，告訴瀏覽器，當前網頁標題為這個，這時瀏覽器會把我用title標簽標記的信息給顯示在網頁標題位置。html中有很多標簽，用以描述整個網頁內容。HTML5可以理解為HTML的升級版，它更強。HTML是一種基于標準通用標記語言的應用，是一種非常靈活的置標語言，而XHTML則基于可擴展標記語言。
2.CSS是用來描述內容信息的外觀表現。例如在網頁中，HTML描述了信息的基本顯示，那么CSS則是進一步的為這些信息添加樣式，風格等。CSS是與HTML共存的;
3.SQL是結構化查詢需要，是在數據庫（一部分）中進行數據查詢的語言;例如我有一個數據庫，在數據庫中需要使用命令獲取數據庫信息。我想查詢一個數據表的所有存儲信息，我就得使用一個select命令，例如select * from 表名，表的名字是啥表名寫啥，執行命令后就會顯示出該表信息，這個就是sql;
4.Javascript簡稱JS，主要用于web開發，是為了使整個界面更加動態且具有交互。例如你登錄一個網頁，輸入賬號密碼，錯誤則會彈窗表示你輸入錯誤。這個彈窗大多數情況下就由JS實現;JS在WEB開發中是與HTML共存的;
5.PHP是服務器后端語言，剛剛說了HTML是做頁面，這個頁面就是前端，主要是顯示內容信息，但是這些內容信息如何得到？這個時候就需要后端提供接口。使用PHP編寫一些數據接口，數據接口你可以理解成一個網址，通過訪問這個網址得到一個數據，這個數據里面進行了很多代碼的編寫，編寫的語言就可以用PHP實現;
6.ASP.NET是微軟推出的主要是用來開發網站比較簡單方便，這個具體沒有太多要說的，就略過了;
7.代碼和腳本，通俗的表示就是代碼編寫比較繁瑣，腳本比較易用通俗，限制性不大，一般以文本的形式存在并以類似指令的方式執行，腳本屬于代碼。
8.web services 就是一個網站應用，為某些軟件提供服務。例如我做了兩個手機app，我需要兩個手機app進行通信，可以聊天，我就可以做一個web service，寫好程序，讓兩者聊天;
9.瀏覽器腳本剛剛說的javascript就是瀏覽器腳本，script中文就是腳本的意思，腳本也是程序，你可以理解為瀏覽器程序;
10.服務器腳本可以理解為服務器的程序，php就是后端腳本語言，php寫的程序就是服務器腳本程序。
手機碼字不易，覺得好點個贊唄，哈哈哈。[呲牙]
一、指代不同
1、CSS3：是CSS（層疊樣式表）技術的升級版本，于1999年開始制訂，2001年5月23日W3C完成了CSS3的工作草案。
2、CSS：是一種用來表現HTML（標準通用標記語言的一個應用）或XML（標準通用標記語言的一個子集）等文件樣式的計算機語言。二、內容不同
1、CSS3：主要包括盒子模型、列表模塊、超鏈接方式、語言模塊、背景和邊框、文字特效、多欄布局等模塊。
2、CSS：不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化。
三、特點不同1、CSS3：新特征有很多，例如圓角效果、圖形化邊界、塊陰影與文字陰影、使用RGBA實現透明效果、漸變效果、使用@Font-Face實現定制字體、多背景圖、文字或圖像的變形處理（旋轉、縮放、傾斜、移動）、多欄布局、媒體查詢等。
2、CSS： 能夠對網頁中元素位置的排版進行像素級精確控制，支持幾乎所有的字體字號樣式，擁有對網頁對象和模型樣式編輯的能力。
層疊性
相同選擇器給設置相同的樣式，此時一個樣式就會覆蓋（層疊）另一個沖突的樣式，層疊性主要解決樣式沖突的問題
層疊性原則：
樣式沖突，遵循的原則是就近原則，那個樣式離機構近，就執行那個樣式
樣式不沖突，不會層疊
二.繼承性
現實中的繼承，我們繼承了父親的姓CSS中的繼承子標簽繼承父標簽的某些樣式，如文本顏色和字母，簡單的理解就是：子承父業
給當地使用繼承可以簡化代碼，降低CSS樣式的復雜性
子元素可以繼承父元素的樣式（text-，font-，line-這些元素開頭的可以繼承，以及color屬性）
繼承性口訣：龍生龍，鳳生鳳，老鼠的兒子會打洞
一般情況下子元素繼承父元素文字相關的樣式而不會繼承高度，內外邊距等不會繼承行高繼承性
body {
font : 12px/1.5 Microsoft YaHei ;
}
行高可以跟單位也可以不跟單位
如果子元素沒有設置行高，則會繼承父元素的行高為1.5
此時子元素的行高是：當前子元素的文字大小*1.5
三.優先級當同一個元素指定多個選擇器，就會有優先級的產生。
選擇器相同，則執行層疊性
選擇器不同，則根據選擇器權重執行