CSS樣式表基礎

2022-05-03 17:00:09 字數 1756 閱讀 9559

css的樣式表其實就是美觀頁面的,加一些樣式。

一、樣式表的三種分類:

①內聯樣式:寫在某乙個標籤裡面的樣式。

優點:控制精確。

缺點:**重用性差。(太多了不好寫)

頁面**亂。(太亂,後期不方便看)

優先順序最高!!

②內嵌樣式:嵌在某乙個頁面裡的。(是寫在裡面,專門用來寫樣式)

需要新增乙個標籤:

優先順序其次!!

③外部樣式表。

優點:**重用性最好。(可以對所有頁面的標籤實現統一樣式)

缺點:控制最不精確。

優先順序和內嵌一樣!!

如果寫的**很多的情況下,建議使用外部樣式表。

二、選擇器

1、標籤選擇器

a:*(所有元素)【優先順序最低】

b:# id選擇器(準確的找到乙個元素)【優先順序最高】

例:在裡面的屬性裡標註id="",再去上面標註出來進行更改樣式。

#+id的名字

c:. class選擇器 (一句話統一多個元素。)【優先順序一般】

例:多個屬性中統一class名。再去上面標註出來進行更改樣式。

d:或標籤選擇器 【優先順序一般】

例:span

標籤選擇器》*(所有)

class選擇器》標籤選擇器

id選擇器》class 

越精確的優先順序越高。

2、復合選擇器

①逗號:代表並列的關係

例:讓div和span全部加上樣式。

div,span

②空格(代表後代關係)

③點篩選

在選擇器裡面代表class.

但這裡點代表篩選。

篩選點.只適用於class的情況下才能篩選。慎用!

CSS基礎整理(樣式表 樣式屬性)

樣式屬性 1 背景與前景 background color 00f 背景色,樣式表優先順序高 background image url 設定背景 預設 word wrap break word word break break all 自動換行 background attachment fixed...

CSS層疊樣式表 定義樣式表

定義樣式表 1 html標記定義 p p可以叫做選擇器,定義那個標記中的內容執行其中的樣式 乙個選擇器可以控制若干個樣式屬性,他們之間需要用英語 隔開,最後乙個可以不應加 2 class定義 class定義是以 開始 p3 id 定義 id定義是 開始的 p4 優先順序問題 id class htm...

CSS樣式表 基礎知識

css cascading style sheets,層疊樣式表 作用是美化html網頁。注釋 注釋語法 2.1.1 樣式表分類 1 內聯樣式表 和html聯合顯示,控制精確,但是可重用性差,冗餘多。例 內聯樣式表 2 內嵌樣式表 作為乙個獨立區域內嵌在網頁裡,必須寫在head標籤裡邊。3 外部樣式...