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