CSS樣式表中 和 和預設的區別

2021-07-15 18:11:40 字數 488 閱讀 5325

在初學css樣式表過程中總能看到一些例程裡出現

example1

#example2

.example3

這樣的樣式,那麼預設、#、.他們之間的區別是什麼呢?

如上述例子中,預設代表定義example1元素的樣式,當然實際中沒有預設的example1標籤;

而#則代表定義id為example2的元素的樣式,且只能定義id為example2的這個元素;

而.則代表定義class="example3"的元素的樣式,所有定義class="example3"的元素都能應用這個樣式。

以下為例子:

example1

example2

example3

p

#example2

.example3

CSS層疊樣式表 定義樣式表

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

CSS常用樣式表

常用的文字屬性 1.line height 設定行號,常用25px 28px 例 line height 25px 布局多行文字 2.text align 設定對齊方式,常用取值為left right center 例 text align center 各種元素對齊 3.letter spacin...

CSS層疊樣式表

一般說來所有樣式有下面的規則 第四個最有優先性 1 browser default 瀏覽器預設 2 external style sheet 外部樣式表 3 internal style sheet inside the 瀏覽器將從mystyle.css檔案中讀採樣式定義資訊,並根據它來格式化文件 ...