WEB前端高级技术编程1101.自定义CSS框架Purecss(680KB).pptVIP

【CSS 高级】Less 目标 什么是Sass ？ Sass是最成熟、稳定的专业级CSS扩展语言。 Pre-processing：预处理 浏览器如何渲染网页 浏览器渲染 HTML DOM树结构 {CSS} 样式结构 渲染树 Render Tree 浏览器绘制 (调用绘图API) JavaScript 回流(reflow) / 布局 UI元素状态选择器 回顾CSS选择器 CSS选择器 UI元素状态选择器 E:checked 匹配所有用户界面（form表单）中处于选中状态的元素E E:checked input:checked {margin:0 50px;} UI元素状态选择器 E:enabled 匹配所有用户界面（form表单）中处于可用状态的E元素 E:enabled input:enabled {background-color:#FF0000;} UI元素状态选择器 E:disabled 匹配所有用户界面（form表单）中处于不可用状态的E元素 E:disabled input:disabled {border:1px solid #FF0000;background-color:#EEEEEE;} UI元素状态选择器 E::selection 匹配E元素中被用户选中或处于高亮状态的部分 E::selection 注意：单冒号(:)用于CSS3伪类，