1011 Day 42 前端之CSS（上）

2022-05-01 12:33:06 字數 2719 閱讀 8939

目錄2.9 屬性選擇器

3.0 標籤的巢狀

3.1 標籤選擇器

3.2 毗鄰選擇器

3.3 類選擇器

3.4 組合選擇器

3.5 設定寬高

3.6 通用選擇器
>>>圖示結果：

asdasd


asdasd
>>>圖示結果：

我愛你
注意：內的樣式優先於裡的樣式，所以「愛」顯示pink，而不是blue。

>>>圖示結果：

字型顏色：黃 指標懸浮顏色：紅 點選顏色：綠
>>>圖示結果：

我是爸爸


我是兒子


我是孫子
>>>圖示結果：

span我不屬於a類，所以沒有變紅


h4我不是兄弟，所以沒有變紅
>>>圖示結果：

asda


我是第乙個兒子


我是第二個兒子


我是孫子
>>>圖示結果：

我是span
>>>圖示結果：b.css檔案

.b
>>>圖示結果：

例一：所有含有name屬性的都有color屬性

div我是div


沒有屬性的div
>>>圖示結果：

例二：指定屬性color變紅

div我是div


沒有屬性的div
>>>圖示結果：

123    123213


asdasd我是p


asdasd


dasdasda


而知asdasd
>>>圖示結果：

不顯示紅色


顯示紅色


不顯示紅色
>>>圖示結果：

看我wo s
注意：可以通過class類多屬性減少重複**，比如wo s

只針對wo s做樣式設計。

>>>圖示結果：

div    345


123678


p9098
>>>圖示結果：

divspan
注意：塊級元素有寬高，行內元素的寬根據內容調節，高度則固定。>>>圖示結果：

asdasd


asdasd


sdasd
注意：利用「 * 」選擇所有標籤。>>>圖示結果：

前端學習day03 CSS

id選擇器 萬用字元選擇器 css字型屬性 醜 繁瑣 臃腫 層疊樣式表 cascading style sheets 也是一種標記語言，用作美化頁面，布局頁面。功能 給誰去修改什麼樣式？給誰改樣式 ulstyle 兩種格式 1.緊湊格式 2.展開風格 一行乙個屬性 樣式 小寫 空格規範 1.屬性值的...

前端之css之單位

1.百分比 預設元素高度設定為100 以自身高度為準，如果父元素設定寬度，子元素寬度為父元素寬度。2.rem rem相對於html元素的font size屬性的大小而變化，需要由js 動態控制。3.vh,vw vw 可視區域的寬度，總寬度為100vw vh 可是區域的高度，總高度為100vh4.ca...

前端學習之css

1.html中的三種布局格式 a.標準流 網頁中預設的方式 b.浮動 c.定位 2.html的兩大元素 a.塊級元素 獨佔一行 div h1 h6 table p 有序無序列表 ol ul li 等等 b.內聯元素 和相鄰的內聯元素在同一行 a span image input 等等 文字1文字2 ...