css由選擇器和聲明兩部分構(gòu)成，DW中常用css樣式四種類型詳細(xì)解析說明？
1、外部樣式
格式：<link type="text/css" rel="stylesheet" href="css路徑" />
舉例：<link type="text/css" rel="stylesheet" href="layout.css"/>
用處：這種形式是把css單獨寫到一個css文件內(nèi)，然后在源代碼中以link方式鏈接。它的好處是不但本頁可以調(diào)用，其它頁面也可以調(diào)用，是最常用的一種形式。
備注：Rel：指明連接的是什么文件； Type：指明引入的文件的格式類型； Href：指明文件的路徑，以引入文件為基準(zhǔn)的相對路徑。
2、內(nèi)部樣式
格式： <style type="text/css">選擇器 {聲明1、聲明2………}</style>
這樣的話，該文件中的所有P標(biāo)簽都將應(yīng)用該style樣式，而不需要在沒一個html標(biāo)簽中寫。
用處：這種形式是內(nèi)部樣式表，它是以<style>和</style>結(jié)尾，寫在源代碼的head標(biāo)簽內(nèi)。這樣的樣式表只能針對本頁有效。不能作用于其它頁面
3、舉例：
<html>
<head>
<title></title>
<style>
P{
font-size:50px;
color:red;
text-deceration:line
}
</style>
</head>
<body>
</body>
</html>
4、行內(nèi)樣式：就是直接在html標(biāo)簽后面寫樣式代碼
<p style=”font-size:50px;color:red;text-deceration:line”>啊啊啊啊</p>
用處：這種在標(biāo)簽內(nèi)以style標(biāo)記的為內(nèi)部樣式，內(nèi)部樣式只針對標(biāo)簽內(nèi)的元素有效，因其沒有和內(nèi)容相分離，所以不建議使用。
5、導(dǎo)入樣式
@import url("/css/global.css");
鏈接樣式是以@import url標(biāo)記所鏈接的外部樣式表，它一般常用在另一個樣式表內(nèi)部。如layout.css為主頁所用樣式，那么我們可以把全局都需要用的公共樣式放到一個 global.css的文件中，然后在layout.css中以@import url("/css/global.css")的形式鏈接全局樣式，這樣就使代碼達(dá)到很好的重用性。
6、CSS 規(guī)則由兩個主要的部分構(gòu)成：選擇器，以及一條或多條聲明。
selector {declaration1; declaration2; ... declarationN }
選擇器通常是您需要改變樣式的 HTML 元素。
每條聲明由一個屬性和一個值組成。
屬性（property）是您希望設(shè)置的樣式屬性（style attribute）。每個屬性有一個值。屬性和值被冒號分開。
selector {property: value}
下面這行代碼的作用是將 h1 元素內(nèi)的文字顏色定義為紅色，同時將字體大小設(shè)置為 14 像素。
在這個例子中，h1 是選擇器，color 和 font-size 是屬性，red 和 14px 是值。
h1 {color:red; font-size:14px;}
提示：請使用花括號來包圍聲明。
學(xué)習(xí)web前端開發(fā)？
黑馬程序員web前端中級程序員學(xué)習(xí)路線圖，含配套視頻，前端工具，源碼等。
黑馬程序員學(xué)習(xí)路線圖及能掌握的能力（總，以下會分階段，加上配套學(xué)習(xí)視頻，小伙伴可繼續(xù)往下看?。?/p>
第一階段：HTML5+css
配套學(xué)習(xí)視頻：
前端小白零基礎(chǔ)入門HTML5+CSS3
第二階段：移動web網(wǎng)頁開發(fā)
配套學(xué)習(xí)視頻：
2018移動web進(jìn)階教程
第三階段：JavaScript網(wǎng)頁編程
配套學(xué)習(xí)視頻：
前端與移動開發(fā)基礎(chǔ)入門到精通
javaScript零基礎(chǔ)通關(guān)必備教程
第四階段：Node.js與Ajax
配套學(xué)習(xí)視頻：
Nodejs教程精講
ajax從入門到精通
第五階段：vue.js項目實戰(zhàn)
配套學(xué)習(xí)視頻：
4小時+5個揀選案例讓你快速入門Vue.js
2018年Vue.js深入淺出教程
第六階段：微信小程序
配套學(xué)習(xí)視頻：
一天教你打造企業(yè)級微信小程序
微信小程序-個人語音接口功能
分分鐘快速入門小程序開發(fā)
零基礎(chǔ)玩轉(zhuǎn)微信小程序
2小時輕松實現(xiàn)人臉識別的小程序
第七階段：React.js項目實戰(zhàn)
配套學(xué)習(xí)視頻：
Reactjs入門教程
ReactJs精品教程
第八階段：框架階段與原理
第九階段：移動APP開發(fā)
第十階段：node.js進(jìn)階
第十一階段：可視化游戲
第十二段階段：架構(gòu)與運維
還有前端免費工具下載
另外，關(guān)注加轉(zhuǎn)發(fā)，然后私聊我發(fā)送：前端，就能獲得上面這些資源咯。
元素選擇器的權(quán)值規(guī)則是哪些？
1. 內(nèi)聯(lián)樣式表的權(quán)值最高 1000 2. ID 選擇器的權(quán)值為 100 3. Class 類選擇器的權(quán)值為 10 4. HTML 標(biāo)簽選擇器的權(quán)值為 1 CSS 優(yōu)先級法則： A 選擇器都有一個權(quán)值，權(quán)值越大越優(yōu)先 B 當(dāng)權(quán)值相等時，后出現(xiàn)的樣式表設(shè)置要優(yōu)于先出現(xiàn)的樣式表設(shè)置 C 創(chuàng)作者的規(guī)則高于瀏覽者：即網(wǎng)頁編寫者設(shè)置的CSS 樣式的優(yōu)先權(quán)高于瀏覽器所設(shè)置的樣式 D 繼承的CSS 樣式不如后來指定的CSS 樣式 E 在同一組屬性設(shè)置中標(biāo)有“!important”規(guī)則的優(yōu)先級最大 這是規(guī)定好的,自然不能打破
CSS通常稱為CSS樣式或樣式表？
CSS（層疊樣式表）是一種用來表現(xiàn)HTML（標(biāo)準(zhǔn)通用標(biāo)記語言的一個應(yīng)用）或XML（標(biāo)準(zhǔn)通用標(biāo)記語言的一個子集）等文件樣式的計算機語言。 CSS能夠?qū)W(wǎng)頁中的對象的位置排版進(jìn)行像素級的精確控制，支持幾乎所有的字體字號樣式，擁有對網(wǎng)頁對象和模型樣式編輯的能力，并能夠進(jìn)行初步交互設(shè)計，是目前基于文本展示最優(yōu)秀的表現(xiàn)設(shè)計語言。CSS能夠根據(jù)不同使用者的理解能力，簡化或者優(yōu)化寫法，針對各類人群，有較強的易讀性。 有三種方法可以在站點網(wǎng)頁上使用樣式表： 外聯(lián)式Linking（也叫外部樣式）：將網(wǎng)頁鏈接到外部樣式表。 嵌入式Embedding（也叫內(nèi)頁樣式）：在網(wǎng)頁上創(chuàng)建嵌入的樣式表。 內(nèi)聯(lián)式Inline（也叫行內(nèi)樣式）：應(yīng)用內(nèi)嵌樣式到各個網(wǎng)頁元素。 其中，優(yōu)先級：內(nèi)聯(lián)式 > 嵌入式 > 外聯(lián)式