CSS階段第二天

2021-09-29 04:40:37 字數 1018 閱讀 8240

10月29日內容

一 css選擇器

css找到html標籤的方法,叫做選擇器

1.基本選擇器

2.層級選擇器

3.屬性選擇器

4.偽類選擇器

5.其它選擇器

二 詳解選擇器

(一)基本選擇器

1.id選擇器 在需要操作的標籤中,加入id=』值/名』 屬性

在css中通過 #值/名 選擇html標籤

ps: 不可以起多個id名!

2.類選擇器/class選擇器 在需要操作的標籤中,加class=』值/名』屬性

在css中通過 .值/名 選擇html標籤

ps:可以起多個類名,不同的類名用空格去分隔

3.標籤選擇 通過標籤名選中html的標籤

4.萬用字元 可以選重所有標籤 (js中功能越強大的效率越低)

css權重(優先順序)

權重值越高, 優先順序越高, 權重值可以相加,當權重值一樣時,還會採用就近原則

權得值:

id選擇器 100分

類選擇器 10分

標籤擇器 1分

萬用字元 0分

二 層級選擇器

空格 找到所有的後代元素

找到子元素
~ 找到目標標籤後面 指定的所有的兄弟元素

2 群組選擇器/組合選擇器 u,i,#one,.class

三 屬性選擇

格式 選擇器[屬性] 找到含有 「屬性」 的所有標籤

= input[type=』text』] 找到含有type屬性且屬性值為 『text』的標籤

^(shift+6) input[type ^= 『aa』 ] 找到含有type屬性 且屬性值 以』aa』開頭的標籤

$(shift+4) input[type $=』b』 ] 找到含有type屬性 且屬性值 以』b』 結尾的標籤

*(sheif+8) input[type *= 『c』] 找到含有type屬性且屬性值中包含』c』的所有標籤

慢慢說CSS第二天

今天想說三件事 第一,迪普拉斯的麵包很好吃 第二,咳咳,關於css,不用也可以做出美美的效果 第三,善用利用不同的標籤 從第二點開始說 我很自覺 css的border image和border radius屬性很有用,但是ie並不支援border image,囧囧噠。而且border radius也...

第二階段衝刺第二天

李佳偉 雖然昨天發現了問題所在,但是由於fragment控制項的結構複雜並且自己對其真的是運用的不太熟練,導致花費了幾個小時也不能解決切換頁面頁面不重新整理的問題,除此之外我還考慮到部落格中其他團隊對自己軟體提出的建議,大多數就是新增課程介面的背景比例不協調,於是我打算在原理不變的情況下重新更改新增...

上班第二天

本想坐晚一班車的,誰知道這晚一班的也只是晚了 五 六分鐘,不高興再在站台上等,也只好小跑到車門上去了,果然,八點十分就到了。白天那個困啊 今天的工作內容和昨天一樣,做到後來我實在覺得測的差不多了,想幹些其他的,但這初來乍到的,也不好幹其他的呀,況且領導辦公室就在我旁邊。今天的工作總結有兩點 1 別把...