学习笔记

*于2016年10月8日整理
<p>1.响应式布局（优化用户体验）：优点面对不同分辨率设备灵活性强能够解决多设备显示问题，缺点是兼容性差、效率低。
<p><link media="only screen and(max-width:600px)"/>解释为：最大宽度不超过600PX为所设定项。
<p>2.优先级：内联>id>类>标。css选择器:常（标、id、类、关联、组合）、基、层（a.b、a b、a>b、a+b）(+指定的是<div></div>.......之后的)、伪（hover、focus、selection）、属。
<p>3.font-family(字体)、size（字大小）、style（normal、intalic(斜体)）、weight(bold)
<p>4.letter-spacing（字间距）、word词间距、text-decoration（underline/overline/line-through）、align(对齐)、indent(缩进)、
line-height(行高)、word-break(折行作用)
<p>5.z-index:n;(n的值越大越不会被覆盖)
<p>6.overflow:auto;(自动设定滚动条)
<p>7.<div style="clear:both"></div>（清空浮动）
<p>8.鼠标显示形状（cursor：crosshair/pointer/text/wait/default/help;）
<p>9.绝对定位和相对定位相同点：脱离了文本流，都在文本流的上方。不同点：绝对定位的坐标在浏览器的上方，相对定位的在自己的左上角、绝对不占位，相对占位。
<p>10.显示（display（block/inline））、visibility(visible)。消失：none
二者的区别是display：none;使用之后后面的内容会覆盖。而后者不会。
<p>11.边框样式：border-radius（圆角）、box-shadow: 1px 2px 3px 4px #999 inset;（1px:x偏移、2px：y偏移、3px:阴影模糊值、4px:阴影外延值、#999：阴影颜色、inset：内阴影效果）
<p>12._top：打开时忽略所有框架。_parent：点开后不增加新的窗口