【知识点】一览表

CSS border CSS3 制作动画常用的3个属性2.1 transform 变形：CSS3 2D 变形、CSS3 3D 变形2.2 transition 过渡2.3 animation 动画其他圆的极坐标

CSS3 2D Transform

CSS3 制作动画常用的3个属性： transform 变形：CSS3 2D 变形、CSS3 3D 变形【今天讲解 2D 变形】 transition 过渡 animation 动画 transform transform：对元素进行 2D 或 3D 变形，包括旋转 rot

效果预览效果说明：径向展开子菜单，展开过程淡入淡出效果源码：http://codepen.io/anjia/pen/qEyXNR 知识点主要知识点缩放 scale scale 属于 CSS3 2D 转换的一种效果。scale() 根据给定的宽度（X 轴）和高度（Y 轴）

效果说明：浏览页面、查看源码 hover 弹出悬浮框悬浮框跟随移动：延迟消失 + transition (IE10+) 快速滑入时不出弹框：延迟显示知识点位置：position() offset() 事件函数 hover()：mouseenter mouseleav

鉴于之前开发时，老能碰到一些“出乎意料”的事情，即：按照自我意愿，给 table 的某些元素设置的某些属性，但最后却发现-样式不生效！！！1、给 col 设置 font-size、color 等，不生效！…平时给它设置最多的是 width，宽度正常…2、给 tr 设置 paddi

效果说明：浏览页面、查看源码 hover 后圆形表框旋转 hover 后逐渐显现内容（文字+灰色底）主要知识点：动画过渡：transition: all .8s ease-in-out; 效果1-旋转：transform: rotate(180deg); 效果2-不透

Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问。Location 对象包含有关当前 URL 的信息。 Location 对象的属性以下属性均是字符串，且可读可写 protocal：协议 hotsname：主机名称 p

错误的 CSS 写法将直接被认为无效属性写多了：无效，则被直接忽视属性写少了：则会用默认值以数字开头的，无效命名可见性display:none 不保留空间visibiliy:hidden | visible 依然占位单位（相对和绝对）em：随字体的大小而变，eg.缩放p

在很多开发人员眼里，编写 CSS 不但简单有时还会显得很繁琐-相同的属性得一个劲不停地写。为此，曾经自己也迷惑过也遇到过不少问题，但随着写&读的前端代码渐渐增多，慢慢体会到，“能写”和“会写”之间还是有一定距离的。很多时候，你可以“这样做”，但并不意味着“你应该”这么做。

在很多开发人员眼里，编码 HTML 简直容易极了。但随着写&读的前端代码渐渐增多，慢慢体会到，“能写”和“会写”之间还是有一定距离的。很多时候，你可以“这样做”，但并不意味着“你应该”这么做。合理地编写 HTML，可以让代码看起来更专业。即便是很简单的几行代码，也要写的