css相关解释

margin 简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。

margin:10px 5px 15px 20px;

上外边距是 10px

右外边距是 5px

下外边距是 15px

左外边距是 20px

width:100px;

设置元素的宽度

做一个简单的登录页面

<style>

.bb{border:2px solid red ;width: 600px;margin: 150px auto}

.textcenter{text-align: center}

.full{width:100%}

div{line-height:40px}

</style>

<form method="POST">

<div class="bb textcenter">

<div  class="full">

    请输入用户名:<input type="text" name="txtUserName"/>

  </div>

  

   <div class="full">

    请输入密   码:<input type="password" name="txtUserPass"/>

  </div>

  <div class="full">

   <input type="submit" value="登录"/>

  </div>

</div>

</form>

效果

一个大的div包含3个小div

div{line-height:40px} div的行高为40px