CSS學習筆記01

2022-09-18 04:33:18 字數 809 閱讀 9929

css樣式表

1.顏色:color:

rgb#ffffff:全亮,白色;

#f00=#ff0000,紅色;

2.內嵌樣式

3.外部樣式

4.外部鏈結樣式

樣式表的效果:最有效的是內部樣式,但嵌入到標籤處,修改困難,其次是越接近該標籤的樣式,效果就按越近的地方呈現。

值得注意的是,對於樣式表而言,後定義的會把先定義的樣式表覆蓋掉;

5 選擇器

5.1 標籤選擇器 會對頁面中的所有標籤都有效

p5.2 id選擇器 以#號進行獲取,(獲取id為xx的標籤):可以對頁面中某個標籤進行樣式的設定

#p25.3類選擇器 用.來進行表示(獲取標籤中class=***的標籤):可以選擇頁面中的一組標籤,class=」***的一組標籤

/** p.p1表示class為p1的p標籤,類選擇器*/

p.p1

p.p2

5.4 包含選擇符(獲取某個標籤中的所有的子標籤)

p標籤不能包含div標籤,塊標籤只能使用span,容器標籤不能放

p div

不管主標籤內是一級含有div還是二級,只要主標籤內有多少div標籤,全執行樣式

5.5 子物件選擇符(獲取某個標籤的第一級子標籤),僅為以及標籤

/*子物件選擇符,僅僅只針對div標籤的第一級子物件*/

div>span

5.6分組選擇符(可以同時設定多個標籤,使用逗號進行分割)

/*分組選擇符,以下表示所有的id為d1或者p2的標籤都是用該樣式*/

#d1,p2

獨立用id,不唯一用class

CSS 學習筆記 01

css 對換行不敏感,對空格也不敏感。但是一定要有標準的語法。冒號,分號都不能省略。基本語法 選擇器1.一些常見的屬性 color redcolor 屬性的值,可以是英文單詞。比如 red,blue,yellow 等等 也可以 是 rgb 十六進製制。font size 40px font 就是 字...

CSS 01學習筆記

css網頁美容師 讓html從樣式中脫離開來,實現html專注去做結構呈現,樣式交給css 作用 設定版面的布局和外觀顯示樣式 一 引入css樣式表 1 行內式 內聯樣式 標籤名 style 屬性1 屬性值1 屬性2 屬性值2 屬性3 屬性值3 內容style color red font size...

筆記 CSS 01 CSS 基礎

by kevin song css定義 層疊樣式表 cascading style sheets 解決html 對樣式定義的重複,提高了後期樣式 的可維護性,增強了網頁的效果。css作用 css將網頁內容和顯示樣式進行分離,提高顯示功能 css 格式 選擇器名稱 這是乙個div區域div type ...