transform的四个属性 ①旋转--->rotate(参数a)，单位deg，表示旋转角度，正数顺时针，负数逆时针。 ②缩放--->scale(参数a)，单位1，也就是“没有单位”，赤裸裸的0-1之间的数字就行，表示为缩放比例。 ③倾斜--->skew(参数a,参数b)，单位deg，两个参数分别表示x,y方向上的倾斜角度，正数顺时针，负数逆时针。 ④移动--->translate(参数a)，单位px，移动方向是在div这个平面方向上(这样说起来，应该有点难理解，放在四维坐标中，把div看做是任意一个平面来理解)，也有正数之分，正向前，负向后。
vh: 相对于视窗的高度, 视窗被均分为100单位的vh; vw: 相对于视窗的宽度, 视窗被均分为100单位的vw;
有时我们在写前端效果时，比如一个弹窗提示内容比较多，当超出了固定弹窗高度后就需要滚动显示，但是css样式默认是不显示滚动条的，会将超出的部分直接溢出到层外，其实想要不溢出并且出现滚动条很简单，只需要一行代码即可：overflow-y:auto
前文介绍了flex布局的基本语法，本篇文章来介绍常见的flex写法。你会看到，不管是什么布局，Flex往往都可以几行命令搞定。我只列出代码，详细的语法解释请查阅《Flex布局教程：语法篇》。我的主要参考资料是Landon Schropp的文章和Solved by Flexbox。
网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地实现各种页面布局。
把iframe解释成“浏览器中的浏览器“很是恰当 <iframe frameborder=0 width=170 height=100 marginheight=0 marginwidth=0 scrolling=no src=http://www.163.com></iframe> <IFRAME>用于设置文本或图形的浮动图文框或容器。
可能很多同学会觉得很复杂，为什么不直接用两个DIV放在同一个位置就行了，一个不透明DIV，一个文字DIV，很简单的解决问题，这也是好个方法，但是需要写绝对定位或负margin，并出现空内容的DIV，而且这是这种方法在有些场景下也会显得复杂，如下示例，鼠标经过商标后展现展现透明的提示文案，就需要控制2个DIV啦~
DIV半透明实现，使用CSS实现DIV成半透明效果，CSS实现层与背景半透明效果,div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;}
