CSS 权威指南 读书笔记 （一）

题外话： 整理之前读过的前端书籍，当作复习一遍前端知识，每天一章更新

第一章 CSS和文档

---

置换元素	非置换元素
定义： 置换元素内容的部分，不由文档内容直接表示	元素内容由用户代理在元素自身生成的框中显示
img, input(根据类型替换为单选，复选，文本输入框)	大部分元素

media 查询

- 场景 :  
  1. link 的media属性
  2. style 的media属性
  3. @import 声明
  4. @media 声明
- 类型:
  1. all   所有媒体  (默认)
  2. print  打印文档时
  3. screen 显示器
  4. projection 幻灯片
  5. handheld 移动设备(行为不一致)
- 用法:   @media screen,print {...}
- 逻辑关键字: and not only ,(or)

特性查询

结构与媒体查询类似,用于设备是否支持该功能,支持就渲染
- 用法: @supports (color:black){body{color:black}}  // 如果支持color:black的组合,就应用;否则跳过
		@supports(display:flex){
		@media screen {}
		@media print {}
		}
		

未被注意的知识点

• link中设定了title属性，该样式表将会变为首选样式表，只能显示一个首选样式表
• 除了body元素外（head，title），所有HTML标签都能设定行内样式