資訊專欄INFORMATION COLUMN
摘要：深入課程鏈接一的版本規(guī)范在之前，把所有標(biāo)準(zhǔn)放在一起去管理，這樣推進(jìn)起來版本升級(jí)比較難，后來在的版本中，將標(biāo)準(zhǔn)分成幾個(gè)模塊來管理。
深入CSS
課程ppt鏈接
一、CSS的版本（level）css Level 1
css Level 2（CSS2.2規(guī)范）
css Level 3
Color Module Level 3
Selectors Level 3
Media Queries
Fonts Level 3
...
在css2.2之前，把css所有標(biāo)準(zhǔn)放在一起去管理，這樣推進(jìn)起來版本升級(jí)比較難，后來在css3的版本中，將css標(biāo)準(zhǔn)分成幾個(gè)模塊來管理。
二、css選擇器 1. 簡(jiǎn)單選擇器通配選擇器 *
標(biāo)簽選擇器 E
類選擇器 .class-name
Id選擇器 #id_name
2. 屬性選擇器/* 具有某個(gè)屬性 */ [disabled] /* 屬性為指定的值 */ [type="checkbox"] /* 屬性值包含某個(gè)字符串 */ [href*="example"] /* 屬性值以某個(gè)字符串開頭 */ [href^="http:"] /* 屬性值以某個(gè)字符串結(jié)束 */ [href$="jpg"] /* 屬性值以空格分割后包含某個(gè)字符串 */ [lang~＝"zh-cn"]3. 偽類選擇器
a:link { ... } /* 未訪問過的鏈接 */
a:visited { ... } /* 已訪問過的鏈接 */
a:hover { ... } /* 鼠標(biāo)移到鏈接上的樣式 */
a:active { ... } /* 鼠標(biāo)在連接上按下時(shí)的樣式 */
a:focus { ... } /* 獲得焦點(diǎn)時(shí)的樣式 */
input:disabled { ... } /* 禁用時(shí)的樣式 */
input:checked { ... } /* 選中時(shí)的樣式 */
4. 結(jié)構(gòu)性偽類
:first-child :last-child :nth-child :first-of-type :last-of-type :nth-of-type :empty
詳細(xì)介紹在mdn 選擇器文檔
5. 組合器（combinator）后代組合器 E F 親子組合器 E > F 兄弟選擇器 E ~ F 相鄰兄弟 E + F6. 偽元素
::before ::after ::first-letter ::first-line舉個(gè)栗子
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/113450.html
摘要：課程一繼承某些元素會(huì)自動(dòng)繼承其父元素的計(jì)算值舉例上述代碼，標(biāo)簽里的就會(huì)繼承父元素的，為。顯示繼承給設(shè)置顯示繼承根元素下所有元素除獨(dú)自設(shè)置如的都是。二初始值當(dāng)向上繼承到頂點(diǎn)還是沒找到值的話，就需要初始值了。 課程ppt 一、css繼承 1.1 某些元素會(huì)自動(dòng)繼承其父元素的計(jì)算值 舉例： This is a test of inherit. p { color: #666; ...
摘要：前言如何寫好這門課是由技術(shù)專家月影老師講的?？刂屏髟O(shè)計(jì)原則為什么要用到事件機(jī)制呢因?yàn)橐档徒Y(jié)構(gòu)之間的耦合度，如果不這樣做的話，我們需要做雙向的操控的。 前言 《如何寫‘好’javascript》這門課是由360技術(shù)專家月影老師講的。 這堂課的ppt 說實(shí)話，我一直在糾結(jié)要不要寫關(guān)于js的文章，因?yàn)閷?duì)于js來說，我的實(shí)際經(jīng)驗(yàn)不足，更不要說面向?qū)ο缶幊膛c函數(shù)式編程了，對(duì)于過程抽象與行為抽象...
摘要：前端與一枚大三學(xué)生，非常感謝前端星計(jì)劃，在這里學(xué)習(xí)了很多，非常幸運(yùn)獲得的校招實(shí)習(xí)，非常感謝面試我的王峰老師和盧岳文老師總的來說，這天的學(xué)習(xí)，讓我堅(jiān)定了走前端這條路。使用在模式下可以使元素水平居中，但在模式下卻會(huì)失效。 前端與HTML 一枚大三學(xué)生，非常感謝360前端星計(jì)劃，在這里學(xué)習(xí)了很多，非常幸運(yùn)獲得360的校招實(shí)習(xí)offer~，非常感謝面試我的王峰老師和盧岳文老師！總的來說，這7天...
摘要：設(shè)計(jì)思想兼容已有內(nèi)容避免不必要的復(fù)雜性解決現(xiàn)實(shí)問題優(yōu)雅降級(jí)尊重事實(shí)標(biāo)準(zhǔn)變化新增語義化標(biāo)簽去除純表示性的標(biāo)簽拖拽離線語法標(biāo)簽不區(qū)分大小寫推薦小寫空標(biāo)簽可以不閉合屬性不必引號(hào)。遇到這種情況時(shí)，會(huì)生成匿名塊級(jí)盒來包含行級(jí)盒。 瀏覽器 瀏覽器 渲染引擎 JavaScript引擎 IE Trident JScript Edge EdgeHTML Chakra Safari We...
閱讀 3425·2021-11-18 10:02
閱讀 1633·2021-10-12 10:08
閱讀 1467·2021-10-11 10:58
閱讀 1447·2021-10-11 10:57
閱讀 1349·2021-10-08 10:04
閱讀 2344·2021-09-29 09:35
閱讀 966·2021-09-22 15:44
閱讀 1424·2021-09-03 10:30
