第二章 需提前了解的術語和概念
-
務必了解的CSS世界的專業術語如
.vocabulary{ height:99px; color:transparent; }- 屬性: 如上 height , color
- 值
- 整數值:z-index:1 中的1,屬于
,也是 - 數值: line-height:1.5 中的1.5,屬于
- 百分比值:padding:50%中的50%,屬于
- 長度值:99px
- 顏色值: #999
- 字串值,位置值,
- 在CSS3中,角度值,頻率值,時間值等型別
- 整數值:z-index:1 中的1,屬于
- 關鍵字:
- 如 transprent,solid,inherit...
- 其中inherit也稱作泛關鍵字,CSS所有的屬性都可以使用他
- 變數
- CSS3中的currentColor
- 長度單位
- 時間單位:s,ms
- 角度單位: deg,rad...
- 2%;是一個完整的值,不是長度單位
+ 長度單位 = - 相對長度單位
- 相對字體長度單位:em,ex 和CSS3中的 rem,ch
- 相對視區長度單位:vh,vx,vmin,vmax
- 絕對長度單位
- px, pt, cm , mm, pc 等
- 相對長度單位
- 功能符
- rgba(0,0,0,0.5), url('css-world.png'),attr('href'),scale(-1)
- 屬性值:冒號后面的都是屬性值
- 如 1px solid rgb(0,0,0) 值+關鍵字+功能符
- z-index:1 中的1也是值
- 宣告:屬性名加上屬性值就是宣告
- color:transparent;
- 宣告塊:就是{} 包裹的一系列宣告
- 如上面的代碼
- 規則集或規則:出現了選擇器,后面還有宣告塊,
- 如上面全部的代碼
- 選擇器: 如上的.vocabulary
- 類選擇器:.vocabulary
- ID選擇器: #id
- 屬性選擇器
- [sttribute]
- [attribute=value]
- [sttribute~=value] 用于選取屬性中包含指定詞匯的元素
- [attribute|=value] 用于選取帶有以指定值開頭的屬性值的元素,該值必須是整個單詞.
- [attribute^=value] 匹配屬性值以指定值開頭的每個元素,
- [sttribute$=value] 匹配屬性值以指定值結尾的每個元素,
- [attribute*= value] 匹配屬性值中包含指定值的每個元素,
- 偽類選擇器: 如 :first-child, last-child
- 偽元素選擇器: ::first-line , ::first-letter , ::before , ::after
- 關系選擇器
- 后代選擇器; 以空格連接
- 相鄰后代選擇器: 只選擇兒子元素 >
- 兄弟選擇器:選擇當前嚴肅相鄰的那個合會規則的兄弟元素 ~
- 相鄰兄弟選擇器: 僅僅選擇當前元素相鄰的那個合會規則的兄弟元素 +
- @規則
- @media
- @font-face
- @page
- @support
-
了解CSS世界中的“未定義行為”
- 像瀏覽器規范顧及不到的細枝末節的實作,就稱為“未定義行為”.
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/90093.html
標籤:Html/Css
