《CSS世界》读书笔记(一)
<!-- 《CSS世界》 张鑫旭 著 -->
CSS世界构建的基石是HTML,而HTML最具代表的两个基石<div>和<span>正好是CSS世界中块级元素和内联级元素的代表。
CSS世界的专业术语
属性 值 关键字 变量 长度单位 功能符 属性值 声明 声明块 规则或规则集 选择器 关系选择器 @规则
CSS世界的“未定义行为”
web应用场景千变万化,web标准也不可能面面俱到,也会存在规范描述外的场景,用计算机领域的专业术语描述应该是“未定义行为”
比如::active,在IE8及以上版本的浏览器行为表现统一,支持非焦点元素,鼠标按下,执行:active伪类对应的CSS样式,鼠标抬起还原。
a:active { background: red; }
假如我们用js来给此处的a元素的mousedown事件加上阻止默认行为,Firefox浏览器的:active阵亡了,鼠标按下去没有UI变化,其他浏览器正常变红。
这里正是因为规范上没有对这种场景的具体描述,所以Firefox认为:active 发生在mousedown事件之后。