CSS樣式表基礎知識 樣式表的分類及選擇器

2022-05-05 13:36:10 字數 1173 閱讀 7333

一、css基本概念:

css(cascading style sheet,疊層樣式表),作用是美化html網頁。

/*注釋區域*/    此為注釋語法

樣式表的分類

1、內聯樣式表(和html聯合顯示,控制精確,但是可重用性差,冗餘多)

例:內聯樣式表

以上就是乙個簡單的內聯樣式表,用在中的標籤中,相當於style附在標籤中,只改變該標籤p中的樣式和格式。

2、內嵌樣式表

例:這是乙個內嵌樣式表,就是把

三種方法的優先順序:內聯式 > 嵌入式 > 外部式

就近原則,嵌入式》外部式有乙個前提:嵌入式css樣式的位置一定在外部式的後面

以上規則適用於相同權值的情況

三、選擇器

1.標籤選擇器。用標籤名做選擇器。2.class選擇器。都是以「.」開頭。

3.id選擇器。以「#」開頭。

id選擇器只能在文件中使用一次,類選擇器則可以使用多次

乙個元素可以使用多個類選擇器同時設定多個樣式,而id選擇器是不可以的,如 三年級

4.復合選擇器(1)用「,」隔開,表示並列。

(2)用空格隔開,表示後代。

(3)篩選「.」。

css 分組選擇符

多個標籤使用逗號隔開:

h1,span

相當於:

h1span

注:選擇器作用到那個標籤都那個標籤起作用,有的要直接做用到某個標籤上,才能起到作用

CSS樣式表 基礎知識

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

CSS樣式表基礎

css的樣式表其實就是美觀頁面的,加一些樣式。一 樣式表的三種分類 內聯樣式 寫在某乙個標籤裡面的樣式。優點 控制精確。缺點 重用性差。太多了不好寫 頁面 亂。太亂,後期不方便看 優先順序最高!內嵌樣式 嵌在某乙個頁面裡的。是寫在裡面,專門用來寫樣式 需要新增乙個標籤 優先順序其次!外部樣式表。優點...

CSS層疊樣式表 定義樣式表

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