Head First Html+CSS 笔记（三）

外边距的作用：计算框与框之间的距离

内边距：内容区与边界的距离

行框就是这一行  行内框 则是 内联元素形成的 行框包含行内框

布局：

1、浮动布局：流体布局+冻结布局 看能不能扩展

浮动元素必须有特定的宽度 不能为auto;

clear 属性 用来指定一个块元素左/右 或同时不能有浮动元素

2、凝胶布局：

内容宽度 固定 外边距 会随着浏览器窗口扩展或收缩

3、绝对定位布局：

position: static 

 relative :首先正常流入页面 然后按指定量偏移 相对于该元素本身

 absolute：相对于离他最近的父元素   z-index 属性分层

 fixed ：固定；

定位属性：

position ：

left/ right/ top/ bottom:

overflow: 内容溢出文本框怎么处理  hidden/visible/scroll/auto

4、css表格布局;

主要属性在于 ：display:table/ table-row/ table-cell;

适用于 多栏布局 且内容栏均匀

表格：

表格与边框间距 border-space 无外边距  可以有内边距 边框

border-collapse 将单元格边框合并为一个边框

rowspan colspan 跨多行多列

单元格不放内容 <td>...</td>

表单

<form action=" " method=" ">

post:打包表单数据 并把它作为请求的一部风

get: 把数据追加大url

placeholder 属性

required 属性

表单通常会用css 表格建立布局