登录界面小收获(css,js)

收获.

今天做了一个登陆界面

学到了一些小知识点

1. 做网页前要学会设置初值（css）.

html,body,div(背景图){
    height:100%;
}

* {
    margin: 0;
    padding: 0;
    //文本对齐
    //字体大小
    //字体粗细
    //字体名字
    //...
}

2. 去除input，button的边框影响.

border:0 ;
outline: none;

3. 容器(登陆框)居中（浏览器窗口）.

div(对应容器){
    position: relative;
    top: 50%;
    left: 50%;

    transform: translate(-50%,-50%);
}

4. input得到焦点(focus)时，使用CSS是input发生相应的变化；失去焦点后，样式也会同样消失.

.input-text:focus {/* 最好只用在input文本上(text,password,tel,email,...),不要用在按钮上 */
    border-color: purple; /*当得到焦点时，input边框变为紫色*/
}

5.JQuery中如何去掉变量值中 px等单位(使用parseInt(var [, radix]) ).

radix : 基数

当 1 < radix < 37 , 就是 让radix进制 返回数

当 radix = 0 ，表示 10进制

当radix = 0x or 0X , 表示16进制

当radix > 36 or radix = 1 , parseInt返回0

var i = "10px";

alert("去掉px : " + parseInt(i)); // 10