CSS(一)選擇器

2021-10-03 22:46:17 字數 963 閱讀 7903

1.什麼是css?

cascading style sheet 層疊樣式表

表現層(美化網頁)

css發展史

css優勢

2.css基本語法

(1) 格式

選擇器
(2)使用樣式

行內樣式

內部樣式

外部樣式(推薦使用)

h1
這三種方式遵循就近原則

3.選擇器

選擇器的作用:選擇頁面上的某一元素或者某一類元素。

(1)基本選擇器

標籤選擇器

選擇一類標籤

類選擇器class

選擇所有class屬性一致的標籤,可以跨標籤

c++

id選擇器

全域性唯一

優先順序:id選擇器》類選擇器》標籤選擇器,不遵循就近原則。

(2)層次選擇器

後代選擇器

p1p2

子選擇器

p1p2

通用兄弟選擇器

p1p2

p3

(3)結構偽類選擇器

p1p2p3

(4)屬性選擇器(常用)
12

3

*注意:=是全部匹配 =是部分匹配

CSS一 選擇器

一 規範 實現結構 html 樣式 css 行為的分離 js 二 css在html中的宣告 如果直接寫css 如果鏈結css檔案 三 選擇器 1 類選擇器 選擇元素.類名 html檔案 this paragraph will also be center aligned.css檔案 h1.cente...

CSS選擇器(一)

css的規則主要由兩個部分組成 選擇器和一條或多條宣告,形式表現如下 selector 選擇器通常就是我們需要改變樣式的html的元素。其中,每條宣告又是由乙個屬性 property 和乙個值 value 組成,屬性與屬性之間通常用分號隔開。的形式則表現為 selector 以上是對css規則的簡單...

CSS選擇器(一)

首先了解下文件結構的關係 在css中有許多選擇器 萬用字元選擇器 可以匹配頁面所有的元素,統一樣式 元素選擇器,選中某個元素為其新增樣式 header偽元素選擇器,在標籤後新增 afte和 before,注 偽元素的display的預設值是inline,設定高度無效,進行display值的更改 in...