當(dāng)前位置: 首頁 > 博客
-
這是學(xué)習(xí)的狀態(tài)偽類
狀態(tài)偽類根據(jù)當(dāng)前元素的狀態(tài)來設(shè)置 獲取焦點(diǎn)時選擇時邊框變色 .login :focus {outline: 1px solid red;border-bottom: none;} 效果圖 所有必填項(xiàng)添加填色 .login :required { ...
2023-03-16 19:38 383 0 -
關(guān)于偽類選擇器,選擇器權(quán)重,以及box-sizing屬性的課后練習(xí)。
通過3月15日直播課程的學(xué)習(xí),熟悉了選擇器中的偽類選擇器的應(yīng)用,掌握了關(guān)于選擇器權(quán)重的相關(guān)知識,以及box-sizing屬性的實(shí)際用法和好處。 1. 偽類選擇器偽類選擇器分類兩種:一是結(jié)構(gòu)偽類選擇器,二是狀態(tài)偽類選擇器。 1.1 結(jié)構(gòu)偽類 :nth-...
2023-03-16 19:28 464 0 -
這是第五天學(xué)習(xí)的權(quán)重的知識
這是權(quán)重權(quán)重我在這里就不一一上次效果圖了一次性展示吧 權(quán)重(002)>(001) html body h1.title { color: green; background-color: violet;} 權(quán)重(003)>(002) ht...
2023-03-16 19:25 434 0 -
前端學(xué)習(xí)-5
選擇器權(quán)重原子選擇器 tagclassid選擇器的權(quán)重:html 這是一個標(biāo)題 樣式 h1{color:red;} < .a h1{color:yellow} < #b.a h1{color:gerrn} 偽類選擇器 :hover: 鼠標(biāo)懸停:e...
2023-03-16 19:23 372 0 -
這是第五天學(xué)習(xí)CSS的知識
這是我學(xué)習(xí)的第五天CSS結(jié)構(gòu)偽類1.查詢路口:七點(diǎn),可以是父級,也可以是起始兄弟,僅限子元素或同級兄弟,盡量用’>’只有一級用空格 傳統(tǒng):class疊加 .list > .item.first { background-color: blue...
2023-03-16 19:18 412 0 -
-
-
怪異盒模型以及偽類運(yùn)用以及新增選擇器
知識點(diǎn): 偽類 分為結(jié)構(gòu)味蕾 和狀態(tài)偽類 結(jié)構(gòu)偽類為 nth-child frist-child last-child nth-last-child 狀態(tài)偽類 ...
2023-03-16 15:04 428 0 -
偽類選擇器與選擇器權(quán)重的實(shí)例演示,盒子計(jì)算大小box-sizing屬性的功能演示
一. css中的選擇器及其權(quán)重 概括:當(dāng)出現(xiàn)樣式層疊時(使用不同的選擇器但是匹配到的是同一個元素且設(shè)置的是同一個樣式屬性)由選擇器的權(quán)重或者在樣式表中的位置決定 1. 選擇器權(quán)重 選擇器的權(quán)重的值由四個獨(dú)立的部分 a,b,c,d 組成。進(jìn)行復(fù)合選擇...
2023-03-16 13:44 961 0 -
偽類選擇器的相關(guān)學(xué)習(xí)
偽類選擇器:根據(jù)元素的位置或狀態(tài)來匹配相關(guān)元素,相比標(biāo)簽/屬性/上下方選擇器相比,其最大的優(yōu)勢是,不用在原始的html文件上做額外操作. 結(jié)構(gòu)偽類:依據(jù)元素的位置來選擇核心結(jié)構(gòu)是:nth-child(an + b)an+b里,需要設(shè)置好a和b兩個值...
2023-03-15 22:36 776 0 -
第四課:位置選擇器的四種類型以及基本使用
在CSS選擇器中,在最基本的標(biāo)簽選擇器(div,P等)和屬性選擇器([],.class,#id)之外,稍微有點(diǎn)難度的就是位置選擇器:所謂位置選擇器就是根據(jù)已經(jīng)明確的選擇內(nèi)容通過一定的表示方法,選擇出其子代,后代,兄弟或后面的同級元素,以此來添加相應(yīng)顯...
2023-03-15 22:34 868 0 -
CSS的上下文選擇器使用示例
CSS 基礎(chǔ)1. 標(biāo)簽 : 視頻元素: 音頻元素: 內(nèi)聯(lián)框架標(biāo)簽 2. 元素來源 預(yù)定義(瀏覽器默認(rèn)的)自定義(用戶自己寫的)繼承樣式(簡化,例如字體,字號,前景色)如圖: 3. 自定義樣式類型 行內(nèi)樣式:ele.style, 當(dāng)前元素文檔樣式...
2023-03-15 19:37 937 0 -
前端學(xué)習(xí)-4
上下文選擇器 父子: > (僅限父子)后代: 空格 (后級所有元素,包括子集,孫子,重孫…)兄弟: + (相鄰的下一個元素,緊跟的且只有一個)同級: ~(與當(dāng)前元素同級的后面的全部元素)
2023-03-15 19:29 399 0 -
熱門博主
視頻課程
-
最新Python教程 從入門到精通
845次學(xué)習(xí)
-
JavaScript ES5基礎(chǔ)線上課程教學(xué)
114328次學(xué)習(xí)
-
PHP新手語法線上課程教學(xué)
8094次學(xué)習(xí)
-
支付寶沙箱支付(個人也能用的支付)
14228次學(xué)習(xí)
-
麻省理工大佬Python課程
17821次學(xué)習(xí)
-
Swoole5 Hyperf3 php8新版本協(xié)程框架講說
19327次學(xué)習(xí)
PHP一種被廣泛應(yīng)用的開放源代碼的多用途腳本語言,和其他技術(shù)相比,php本身開源免費(fèi); 可以將程序嵌入于HTML中去執(zhí)行, 執(zhí)行效率比完全生成htmL標(biāo)記的CG
ThinkPHP 是一個免費(fèi)開源的、快速、簡單的面向?qū)ο蟮妮p量級PHP開發(fā)框架,國外使用較多!
Laravel是一套簡潔、優(yōu)雅的PHP Web開發(fā)框架(PHP Web Framework),國際上較流行!