CSS

一、transform（变形） transform属性允许你旋转，缩放，倾斜或平移给定元素。这是通过修改CSS视觉格式化模型的坐标空间来实现的。 它一般需要配合transition(过渡)使用。inl

一、选择器的种类 1. 标签、类和ID选择器 标签选择器，如：h1 { } 类选择器，如：.box { } ID选择器，如：#unique { }  全局选择器，也叫通配选择器，由一个星号（*）代指，

文档流又称常规流，指的是元素按照其在 HTML 中的位置顺序决定排布的过程,主要的形式是自上而下（块级元素）,一行接一行,每一行从左至右（行内元素）。 一、块级盒子（Block box） 和 内联盒子

定位能够让我们把一个元素从它原本在正常布局流(normal flow)中应该在的位置移动到另一个位置。定位并不是一种用来给你做主要页面布局的方式，它更像是让你去管理和微调页面中的一个特殊项的位置。 一

1. px px是像素值，是绝对长度单位，总是相同的大小。 2. em 在排版属性中 em 单位的意思是“父元素的字体大小”。相当于em的值是px的倍数。 例如：默认情况下font-size = 16

HTML代码： CSS: 它的效果是这样的： 更进一步想想border-top、border-bottom、border-right、border-left是如何划分的呢，试一下呗： 可以看到每个bo

一、CSS预处理器是什么 MDN文档是这样定义的：CSS 预处理器是一个能让你通过预处理器自己独有的语法来生成CSS的程序。 读来十分拗口，简而言之就是，原生CSS无法满足需求，使用另一门更高级的语言

一、伪类CSS 伪类是添加到选择器的关键字，指定要选择的元素的特殊状态。如:hover 可被用于在用户将鼠标悬停在按钮上时改变按钮的颜色：类似于普通的类，你可以在一个选择器中同时一起写多个伪类。标准伪

1. 手机页面上点击带链接div区域或者button出现蓝色边框，div或者button的样式里面加上：

一.浏览器渲染过程根据HTML构建HTML树（DOM）根据CSS构建CSS树（CSSOM）将两棵树合并成一棵渲染树（rendertree）Layout布局（文档流、盒模型、计算大小和位置）Paint绘