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