国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

360前端星學習筆記-深入CSS

xcold / 2006人閱讀

摘要：深入課程鏈接一的版本規范在之前，把所有標準放在一起去管理，這樣推進起來版本升級比較難，后來在的版本中，將標準分成幾個模塊來管理。

深入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 + F
6. 偽元素 
::before
::after
::first-letter
::first-line
舉個栗子

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/113450.html

相關文章

  • 360前端星學習筆記-深入css(2)

    摘要：課程一繼承某些元素會自動繼承其父元素的計算值舉例上述代碼，標簽里的就會繼承父元素的，為。顯示繼承給設置顯示繼承根元素下所有元素除獨自設置如的都是。二初始值當向上繼承到頂點還是沒找到值的話，就需要初始值了。 課程ppt 一、css繼承 1.1 某些元素會自動繼承其父元素的計算值 舉例： This is a test of inherit. p { color: #666; ...

    William_Sang 評論0 收藏0

  • 360前端星學習筆記-如何寫‘好’JavaScript

    摘要：前言如何寫好這門課是由技術專家月影老師講的。控制流設計原則為什么要用到事件機制呢因為要降低結構之間的耦合度，如果不這樣做的話，我們需要做雙向的操控的。 前言 《如何寫‘好’javascript》這門課是由360技術專家月影老師講的。 這堂課的ppt 說實話，我一直在糾結要不要寫關于js的文章，因為對于js來說，我的實際經驗不足，更不要說面向對象編程與函數式編程了，對于過程抽象與行為抽象...

    arashicage 評論0 收藏0

  • 360前端星學習筆記-HTML

    摘要：前端與一枚大三學生，非常感謝前端星計劃，在這里學習了很多，非常幸運獲得的校招實習，非常感謝面試我的王峰老師和盧岳文老師總的來說，這天的學習，讓我堅定了走前端這條路。使用在模式下可以使元素水平居中，但在模式下卻會失效。 前端與HTML 一枚大三學生，非常感謝360前端星計劃，在這里學習了很多，非常幸運獲得360的校招實習offer~，非常感謝面試我的王峰老師和盧岳文老師！總的來說，這7天...

    kuangcaibao 評論0 收藏0

  • 360前端星計劃學習-HTML + CSS

    摘要：設計思想兼容已有內容避免不必要的復雜性解決現實問題優雅降級尊重事實標準變化新增語義化標簽去除純表示性的標簽拖拽離線語法標簽不區分大小寫推薦小寫空標簽可以不閉合屬性不必引號。遇到這種情況時，會生成匿名塊級盒來包含行級盒。 瀏覽器 瀏覽器 渲染引擎 JavaScript引擎 IE Trident JScript Edge EdgeHTML Chakra Safari We...

    lpjustdoit 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<