- 应用样式的三种方式
- 外部样式表(link、@import)
- 嵌入式样式表(<style></style>)
- 行内样式 (html元素的属性为style的值作为样式)
- CSS的空白处理方案:解析时,连续的空白会合并成一个空白
- CSS注释:
- 只可以使用这种注释方法,一行也得这样 /**/
- 注释不可以嵌套
- 媒体查询
- 用法
- link元素的media属性
- style元素的media属性
- @import声明的媒体描述符部分
- @media声明的媒体描述符部分
- 媒体类型
- all(默认)
- print(打印或打印预览)
- screen(web浏览器的屏幕)
- protection(幻灯片形式展示)部分支持
- handheld (一些移动设备的浏览器)部分支持
- 媒体描述符
- and (相当于&&)
- not (相当于!)not关键字只能在媒体查询的开头使用
- only (在不支持媒体查询的旧浏览器中隐藏样式表)
- 特性查询:根据用户代理是否支持特定的CSS属性及值,来应用一段样式。特性查询是渐进增强式的完美方式(适配更多地浏览器)。
相关文章:
-
2021-10-27
-
2021-08-11
-
2021-11-08
-
2021-11-22
-
2021-06-16
-
2022-12-23
-
2021-07-02
-
2022-03-04
猜你喜欢
-
2021-06-28
-
2022-12-23
-
2022-01-18
-
2021-12-31
-
2021-10-12
-
2022-12-23
相关资源
-
下载
2022-12-15
-
下载
2022-12-07
-
下载
2022-12-11
-
下载
2023-01-22