css選擇器可分為哪三種，css分成哪三類？
CSS樣式分為：內聯式css樣式、嵌入式css樣式、外部式css樣式。
對CSS三種樣式定義及其實例：
內聯式css樣式。
內聯式css樣式表就是把css代碼直接寫在現有的HTML標簽中，如下面代碼：
1 <p style="color:red">這里文字是紅色。</p> css樣式代碼要寫在style=""雙引號中，如果有多條css樣式代碼設置可以寫在一起，中間用分號隔開（英文狀態下;）。嵌入式css樣式。
嵌入式css樣式，就是可以把css樣式代碼寫在標簽之間。如下面代碼實現把三個標簽中的文字設置為紅色：
1 <style type="text/css">span{color:red;}</style>
嵌入式css樣式必須寫在之間，并且一般情況下嵌入式css樣式寫在之間。
外部式css樣式。
外部式css樣式(也可稱為外聯式)就是把css代碼寫一個單獨的外部文件中，這個css樣式文件以“.css”為擴展名（也可以為調用其他網站CSS）。
1 <link href="style.css" rel="stylesheet" type="text/css" />
注意事項： 1、css樣式文件名稱以有意義的英文字母命名，如 main.css。 2、rel=”stylesheet” type=”text/css” 是固定寫法不可修改。 3、標簽位置一般寫在標簽之內。
h3是什么選擇器？
h3是標簽選擇器。
標簽選擇器是指用HTML標簽名稱作為選擇器，按標簽名稱分類，為頁面中某一類標簽指定統一的CSS樣式。其基本語法格式如下：
標簽名 {屬性1:屬性值1; 屬性2:屬性值2; 屬性3:屬性值3; ......}
標簽選擇器最大的優點是能快速為頁面中同類型的標簽統一樣式，同時這也是他的缺點，不能設計差異化樣式。
為什么看到有的前端工程師將css每個選擇器里的內容寫成一行？
應該是個老程序猿，之前css壓縮沒有實現的時候，通過縮短選擇器嵌套，人工進行壓縮就出現了這個。而且沒有less，scss開發的時候這種情況更甚，不過有了這些便捷的開發方式也希望去注意一點嵌套層數。
推薦項目工程呢還是用less，scss開發比較好，css文件開發期就是被編譯的壓不壓縮無所謂了。
推薦樓主使用 vs code 這個編輯器 非常好用的東西。如果你要發展全棧或者學習node，這個玩意兒繞不開1
DW中常用css樣式四種類型詳細解析說明？
1、外部樣式
格式：<link type="text/css" rel="stylesheet" href="css路徑" />
舉例：<link type="text/css" rel="stylesheet" href="layout.css"/>
用處：這種形式是把css單獨寫到一個css文件內，然后在源代碼中以link方式鏈接。它的好處是不但本頁可以調用，其它頁面也可以調用，是最常用的一種形式。
備注：Rel：指明連接的是什么文件； Type：指明引入的文件的格式類型； Href：指明文件的路徑，以引入文件為基準的相對路徑。
2、內部樣式
格式： <style type="text/css">選擇器 {聲明1、聲明2………}</style>
這樣的話，該文件中的所有P標簽都將應用該style樣式，而不需要在沒一個html標簽中寫。
用處：這種形式是內部樣式表，它是以<style>和</style>結尾，寫在源代碼的head標簽內。這樣的樣式表只能針對本頁有效。不能作用于其它頁面
3、舉例：
<html>
<head>
<title></title>
<style>
P{
font-size:50px;
color:red;
text-deceration:line
}
</style>
</head>
<body>
</body>
</html>
4、行內樣式：就是直接在html標簽后面寫樣式代碼
<p style=”font-size:50px;color:red;text-deceration:line”>啊啊啊啊</p>
用處：這種在標簽內以style標記的為內部樣式，內部樣式只針對標簽內的元素有效，因其沒有和內容相分離，所以不建議使用。
5、導入樣式
@import url("/css/global.css");
鏈接樣式是以@import url標記所鏈接的外部樣式表，它一般常用在另一個樣式表內部。如layout.css為主頁所用樣式，那么我們可以把全局都需要用的公共樣式放到一個 global.css的文件中，然后在layout.css中以@import url("/css/global.css")的形式鏈接全局樣式，這樣就使代碼達到很好的重用性。
6、CSS 規則由兩個主要的部分構成：選擇器，以及一條或多條聲明。
selector {declaration1; declaration2; ... declarationN }
選擇器通常是您需要改變樣式的 HTML 元素。
每條聲明由一個屬性和一個值組成。
屬性（property）是您希望設置的樣式屬性（style attribute）。每個屬性有一個值。屬性和值被冒號分開。
selector {property: value}
下面這行代碼的作用是將 h1 元素內的文字顏色定義為紅色，同時將字體大小設置為 14 像素。
在這個例子中，h1 是選擇器，color 和 font-size 是屬性，red 和 14px 是值。
h1 {color:red; font-size:14px;}
提示：請使用花括號來包圍聲明。