localStorage 数据
写入字段有三种方式:
- localStorage[“a”]=1;
- localStorage.b=1;
- localStorage.setItem(“c”,3);
读取字段也有三种方式:
- var a= localStorage.a;
- var b= localStorage[“b”];
- var c= localStorage.getItem(“c”);
字体单位
px
相对长度单位。像素px是相对于显示器屏幕分辨率而言的
特点
1. IE无法调整那些使用px作为单位的字体大小;
2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位;
3. Firefox能够调整px和em,rem,但是96%以上的中国网民使用IE浏览器(或内核)。
em
em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。
特点
1. em的值并不是固定的;
2. em会继承父级元素的字体大小。
过程:
1. body选择器中声明Font-size=62.5%;
2. 将你的原来的px数值除以10,然后换上em作为单位;
3. 重新计算那些被放大的字体的em数值。避免字体大小的重复声明。
rem
相对的只是HTML根元素.除了IE8及更早版本外,所有浏览器均已支持rem。
disabled和readonly异同
区别: readonly是只读的意思,disabled是禁止的意思。readonly的时候只能看不能修改,disabled的时候表示这个input项不能做任何操作。
相同: 可以通过dom修改表单内容
overflow
如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制
编码
- GBK通常指GB2312编码 只支持简体中文字
- utf通常指UTF-8,支持简体中文字、繁体中文字、英文、日文、韩文等语言(支持文字更广)
vertical-align
vertical-align 属性设置元素的垂直对齐方式
盒子模型
块级和内联标签
input和img可设置宽高
内联元素可设置padding-left,padding-right,border不可设置padding-top,padding-bottom
cellpadding和cellspacing
table
给td设置vertical-align:top就可以不居中或者valign属性设为top
border-collapse:collapse