在以往的介紹中，在css檔案中的設定都是針對某一類標籤的。這種設定應用在網頁中是，只要是此類標籤都要應用css檔案中該類標籤的設定。這其實是一種完全覆蓋的定位。除了這種定位方式，css還提供了其他定位方式。
1）按巢狀關係定位
如下所以的**，如果我們想設定最裡面的p標籤紅色，最外層的藍色，在第一層的p為黃色，可以在css檔案中按照標籤的巢狀關係，從外到裡一次把標籤名稱寫下來，用空格隔開(看上去是用空格隔開的幾個標籤名稱，其實越是靠前的標籤標示它的巢狀層越靠近body標籤)。然後在花括號中設定具體的屬性值。css檔案的設定如下：
hello css
hello css
hello css
css檔案設定： p
div p
div div p
效果圖：
注意，標籤的巢狀關係分為兩種：鬆散巢狀關係和嚴格巢狀關係。鬆散的巢狀關係是標籤路徑之間還可以夾雜其他標籤。比如上面的例子中如果第乙個div和它的子div之間還夾雜著乙個其他標籤，那這不影響div div p的巢狀關係。而嚴格的巢狀關係是指標籤路徑之間沒有夾雜其他的標籤，是嚴格的從左到右的巢狀關係，這種嚴格的巢狀關係還要用》號來來接，也就是div>div>p，這樣鬆散的巢狀關係就不會應用這類樣式設定。
2）萬用字元標籤*
3）class與id
除了按照上述介紹的按照萬用字元和巢狀關係來進行標籤定位，我們還可以賦予標籤id或者class名稱的方式來進行標籤定位。對於乙個標籤，我們可以設定它的class名稱或者id值，比如
或者。下面說一下這兩者的區別。
我們可以給多個相同的或者不同的標籤設定相同的class值。這樣相同的class值可以獲取到相同的css檔案的設定。在css檔案中進行設定時，不需要填寫標籤名，而是乙個點（.）後面跟著類名，例如.class的形式。下面是乙個例子：
html檔案：
床前明月光
疑是地上霜
舉頭望明月
低頭思故鄉
css檔案：
.fancy
.settings1
.settings2
p 效果圖：
與class可以多個標籤使用相反，id值在網頁**中是唯一的，在乙個網頁的所有標籤中，乙個id值只對應乙個標籤。在css檔案中進行設定時，不需要填寫標籤名，而是乙個#後面跟著id值，例如#idvalue的形式。我們給出乙個例子,**就用上面的**，只是把class改為id：
html檔案：
床前明月光
疑是地上霜
舉頭望明月
低頭思故鄉
css檔案：
#fancy
#settings1
#settings2
p效果圖：
特別注意:
比如下面的**:
hello
hellp
css檔案：
p #tmp
上面的兩個p標籤，其中乙個有id，另外乙個沒有，css檔案中的設定並不是簡單的把#tmp替代p設定，而是替代p中重複的設定，也就是說在#tmp中的p採用的color是blue，而它的background-color屬性是取的p中的設定。
html中的css樣式
1 css的幾種引入方式 1 內聯式css樣式，是直接寫在html標籤中，如 這裡文字是紅色。注意css樣式 要寫在style 雙引號中，如果有多條css樣式 可以設定在一起，中間用分號分開。這裡文字是紅色。不推薦使用這種方法。2 嵌入式css樣式，寫在當前檔案中 可以把css樣式 寫在 嵌入式cs...
HTML中css樣式簡介
html中，我們通常使用link元素引入外部樣式表，link有以下幾個屬性 1 rel，代表 關係 relation 在這裡，關係 即rel值 為 stylesheet 2 type，總是設定為 text css 描述了使用link載入的資料型別 3 href，值為樣式表的url，可以是相對的也可以...
html中引入css樣式
每個元素都有style屬性，格式 元素 style 屬性名 屬性值 內容 行內樣式表的屬性不需要雙引號，屬性值得單位通常是畫素px為單位 在中新增style，在當前的文件可以使用該樣式，需要的時候可以使用 新建乙個擴充套件名為.css的檔案，新增選擇器及其屬性，如 p在需要引入該檔案中的屬性的檔案 ...