第二章 需提前了解的术语和概念
程序员文章站
2022-07-02 12:41:24
第二章 需提前了解的术语和概念 1. 务必了解的CSS世界的专业术语如 1. 属性: 如上 height , color 2. 值 1. 整数值:z index:1 中的1,属于,也是 2. 数值: line height:1.5 中的1.5,属于 3. 百分比值:padding:50%中的50%。 ......
第二章 需提前了解的术语和概念
-
务必了解的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世界中的“未定义行为”
- 像浏览器规范顾及不到的细枝末节的实现,就称为“未定义行为”.
上一篇: 数据结构与算法之算法篇
下一篇: 一、稀疏数组