內(nèi)聯(lián)、外部沒(méi)有太大的關(guān)系重點(diǎn)是選擇器的優(yōu)先級(jí),優(yōu)先級(jí)別高的會(huì)覆蓋級(jí)別低的不同的樣式會(huì)疊加,如果是同一種樣式,則會(huì)覆蓋同一級(jí)優(yōu)先級(jí)級(jí)別的選擇器,后者高于前者(在網(wǎng)頁(yè)中的位置)
從CSS 樣式代碼插入的形式來(lái)看基本可以分為以下3種:內(nèi)聯(lián)式、嵌入式和外部式三種。
1:內(nèi)聯(lián)式css樣式表就是把css代碼直接寫(xiě)在現(xiàn)有的HTML標(biāo)簽中,如下面代碼:
<p style="color:red";font-size:12px>這里文字是紅色。</p>2:嵌入式,嵌入式css樣式,就是可以把css樣式代碼寫(xiě)在 <style type="text/css">XXX</style>標(biāo)簽之間。
3:外部式css樣式,寫(xiě)在單獨(dú)的一個(gè)文件中.
外部式css樣式(也可稱為外聯(lián)式)就是把css代碼寫(xiě)一個(gè)單獨(dú)的外部文件中,這個(gè)css樣式文件以“.css”為擴(kuò)展名,在<head>內(nèi)(不是在<style>標(biāo)簽內(nèi))使用<link>標(biāo)簽將css樣式文件鏈接到HTML文件內(nèi),如下面代碼:
<link href="base.css" rel="stylesheet" type="text/css" />
優(yōu)先級(jí): 內(nèi)聯(lián)式 > 嵌入式 > 外部式,但是 嵌入式> 外部式有一個(gè)前提:嵌入式css樣式的位置一定在外部式的后面。
其實(shí)總結(jié)來(lái)說(shuō),就是--就近原則(離被設(shè)置元素越近優(yōu)先級(jí)別越高)。
css的選擇器的分類不包括“超文本標(biāo)記選擇器”。
css的選擇器包括類選擇器、標(biāo)簽選擇器、ID選擇器、偽類選擇器等等。
類選擇器,比如class類型 class = "nav"的話,那么css對(duì)應(yīng).nav{};
標(biāo)簽選擇器,比如body input 就是直接對(duì)應(yīng) body{} input{};
ID選擇器,比如 id="name",那么css對(duì)應(yīng) #name{};
偽類、偽對(duì)象:如a:link,a:hover,a:visited等。
不區(qū)分順序,但為了不遺漏某些屬性,按照順序來(lái)寫(xiě)也不錯(cuò)。