说明 1、使用transform从单行文本、段落到box，都会垂直对齐。 2、translate属性可以改变元素的位置，translateX(10px)实现x坐标轴移动10个单位，如果是负值，则沿相反方向移动。 同样，transla...

说明 1、box-shadow支持逗号分隔语法，可以创建任意数量的投影。 当一个正值的扩展半径加上两个零偏差和零模糊值时，得到的投影就像一个实线框。 2、投影不会影响布局，也可以说投影不会占据真...

说明 1、如果一侧定值，包括不设定值取默认值0的情况，一侧auto，则auto为剩余空间大小。 2、如果两侧均是auto，则平分剩余空间。 实例 <style> .father{ width:300px; background-color:...

说明 1、如果只需要两层边框，可以选择先设置一层常规边框，再加上outline(描边)属性来生成外层边框。 使用outline不仅可以模拟实线边框，还可以生成虚线边框。 2、outline-offset属性可以控制...

说明 1、后代选择器使用空格作为连接符号，子元素选择器使用>作为连接符号。 2、后代选择器选中所有的特定后代标签，子元素选择器选中所有的特定的直接标签。 后代选择器会选中指定标签中, ...

注意： 1、每个HTML标签都有一个属性叫做id, 也就是说每个标签都可以设置id 2、在同一个界面中id的名称是不可以重复的 3、在编写id选择器时一定要在id名称前面加上# id的名称是有一定的规范的 i...

说明 1、first-line是针对排版之后的line，其实跟源码里面的first line没有任何的关系。 2、假如浏览器提供的渲染的宽度不同，first-line在两个环境里面它最终括住的元素数量就不一样多了。 我...

说明 1、first-letter相当于我们有一个元素把内容里面的第一个字母给括了起来。 2、first-letter是可以任意声明各种不同的属性的，但是我们是无法改变它的content的。 我们应该都看到过报纸上的...

说明 1、transition允许在CSS属性变化时给它添加一个过度的动画效果。 通常情况下，CSS 属性变化是立即生效的，新的属性值在超级短的时间内替换掉旧的属性值，然后浏览器重新绘制样式内容（可能...

说明 1、transition-delay。 延迟后开始动画。 2、transition-duration。 过渡动画的一个持续时间。 3、transition-property。 执行动画对应的属性。 例如 color，background 等，可以使用 all ...