补充：Margin:0 auto;和text-align:center;
Margin的居中是对自身，text-align对元素内部的文本来说。
Visibility：hidden；和display:none;
Visibility 隐藏了还占用着空间，display隐藏了之后不占用空间了。
9.17
1. Position位置
2. 只要使用定位，必须要有一个相对的参照物。relative（相对的）
3. 具体定位的那个元素需要加position:absolute;（绝对的）
绝对的 :就是具体到某一个地方了，特别详细的意思。
备注：使用绝对定位的时候，浏览器会逐层向上级元素找position属性，如果父级没有就会继续向上级查找position，一直到找到position为止，如果找不到就以body为相对位置。
一、页面布局
1.结构层：搭我们的页面框架。
2.布局层：针对框架内部结构进行排版。
注意：不需要使用浮动解决的问题尽量不用。
使用浮动之后会使该元素脱标，并且该元素的margin。
二：div 盒子模型：就是一个容器，可以装任何标签。
1. 盒子实际占用的空间
1. 盒子的实际宽高和高度
2. 如何理解盒子模型
备注：细节性的问题
1.块级元素的宽如果没有设置宽度，就是父级的宽，如果没有设置高度根据内容而定。
2.结构选择器（Div:nth-of-type(1)）
3.单位问题 width
(1）.100px
(2).百分比，给一个元素设置的宽是50%，那么这个50% 是相对他的父级。
9.18
1. Position细说
Position:relative; Position:absolute;
Left:100px; Left:100px;
Top:100px; Top:100px;
Position：relative；如果设置值了，相对原来的位置进行调整
二者区别
1. absolute会脱离标准流，relative不会，relative虽然给值了，但是依然占有着原来的位置。
2. Relative存在”形影分离”，所以一般情况下不建议添加值了，一般给子元素当参照位置，或者是元素的微调。
3. Absolute 会有一种现象”压盖”效果。
Z-index层次关系，可以改变元素的层叠位置，所有的标签默认是0， z-index的值越大，该元素就在上方。
备注：以后我们做定位的时候，尽量保持”子绝父相”。
Fixed 固定定位(Position:fixed;)
脱离标准流的属性有哪些:float position:absolute position:fixed.
Position：static；(静态)
Form
<from action="" method="post">
<input type="submit" value="">
</from>
1.action 提交的地址 ;
methods 提交方式 post 和get;
get 是在http的url上提交不加密 post加密在http中的一个body对象上提交的。
<input type="submit" value="提交">提交按钮
<input type="button" value="按钮">普通按钮
<input type="checkbox"/ >多选框
<input type="radio"/ >单选框
<input type="password"/ >密码框
<input type="text"/ >文本框标签
http 是一种协议，就是客户端和服务端链接的一种协议。超文本传输协议
下拉列表
<select name="">
<opion value=""></opion>
<opion value=""></opion>
<opion value=""></opion>
<opion value=""></opion>
</select>
9.18
1.定位让元素居中；
div{
position：absolute；
left：50%；
top：50%；
margin-left：-100px；
margin-top；-600px；
2.透明度（opacity）
默认值是 1不透明 0全透明
9.26
1. background-position 雪碧图
我们的html和css中有三个属性可以向服务器发送请求
src href url。
2. Overflow
(1) 值Hidden 超出就隐藏
(2) 值Scroll 出现滚动条
Visibility:hidden; 可见的（消失但是占用位置）
Display:none;（消失但不占用位置）