css+js 01

行、块盒

行内元素：i，span，strong，del，ins，a，em
行块盒元素：img，input
块盒元素：div，h1-h6，p，ul，li

一个页面不能存在多个title元素

90deg：顺时针旋转90度

百分比单位不一定都根据父级元素计算：line-height相对自身，position：fixed 相对视口

图像格式：gif，bmp，jpg

手动写动画最小时间间隔：16.7ms。【多数浏览器默认频率60hz，即每秒刷新60次

运用css3动画，需要运用keyframes规则 【规定某项css样式，就能创建由当前样式逐渐改为新样式的动画】，animation属性

h5

H5新标签main只允许一个，代表主要内容
h5的picture标签 用于为不同设备提供图像
H5新增表单元素属性： placeholder，multiple，required，pattern

a标签内容是transparent类型，可嵌套其祖先元素允许存放的元素种类

@keyframes myfirst
{
    from {background: red;}
    to {background: yellow;}
}
div{
    animation: myfirst 5s;
    -moz-animation: myfirst 5s;
    -webkit-animation: myfirst 5s;
    -o-animation: myfirst 5s; }

css图片加载优化：

a． CSSSprite 减少对服务器请求
b． SVGSprite 体积小，矢量
c． Iconfont 体积小，矢量，集成度高
d． Base64 减少对服务器请求

将一对象的背景色透明度改为80%： filter:alpha(opacity=80) –ie浏览器

表单元素和表单控件：

a． 设置readonly属性的表单控件能获取焦点

（tab切，可选中并复制内容

b． button元素可以嵌套没有controls属性的video元素

（video常用属性： autoplay 视频就绪后马上播放；
controls 向用户显示播放控件，如按钮；loop 循环播放。

c． step属性不可以为负值或0

（数字间隔，为负值或0时，默认为1

d． form元素的method属性和enctype属性不能任意赋值

（method规定用于发送表单数据的http方法：可取值：post；get。
enctype规定在发送表单数据之前如何对其编码，可取值：application/x-www-form-urlencoded ; multipart/form-data ; text/plain

栅格系统：

a． 会有自动的padding样式
b． 需要手动修改margin样式
c． 字体默认为14px
d． box-sizing默认为 border-box

mobile – xs ( <768px ) extremely small
tablet – sm ( 768~991px ) small
desktop – md ( 992~1170px ) mid
large desktop – lg ( >1170px ) large

Pc端显示，手机端隐藏：visible-md-8 hidden-xs

js

$(window).height(); //浏览器当前窗口可视区域高度

$(document).height(); //浏览器当前窗口文档的高度

$(document.body).height();//浏览器当前窗口文档body的高度

$(document.body).outerHeight(true);
//浏览器当前窗口文档body的总高度 包括border padding margin

$(window).width(); //浏览器当前窗口可视区域宽度

$(document).width();//浏览器当前窗口文档对象宽度

$(document.body).width();//浏览器当前窗口文档body的高度

$(document.body).outerWidth(true);
//浏览器当前窗口文档body的总宽度 包括border padding margin

typeof null === ‘object’ //true
null instanceof Object //false