css基础布局

问题1:

在页面手动缩小的时候不影响页面内容的大小:

定义<div>或其他标签的时候使用具体像素(px)来定义大小;

问题2:

内容块居中布置:

在父级标签使用text-aglin:center;  margin-left:auto;margin-rignt:auto;

问题3:

注册,登陆框<lable><input>标签对齐:

使用<table>标签布局

<table>
    <tr>
     <td><label for="name">用户名称</label></td>
     <td><input name="name" value="" type="text" /></td>
    </tr>
    <tr>
     <td><label for="password">密码</label></td>
     <td><input name="password" value="" type="password" /></td>
    </tr>
    <tr>
     <td><label for="email">E-mail:</label></td>
     <td><input name="email" value="" type="email" /></td>
    </tr>
    <tr>
     <td><label for="phone">手机号</label></td>
     <td><input name="phone" value="" type="text" /></td>
    </tr>
  </table>

//for的使用原因:点击<lable>标签中的内容时可以自动关联到<input>的内容

问题4:

允许网页宽度自动调整:

在网页代码的头部加入一行viewport元标签。

<meta name="viewport" content="width=device-width, initial-scale=1" />

问题5:文字垂直方向居中:

针对单行显示的文字可以设置height和line-height的值相等;