今天的工作
1、
P {text-indent: 2em;} 这是一个p 标签的缩进 缩进的幅度是2个字符2、
<p>加进天涯社区有一段时间了，但一直没有时间写点东西，今天写了一篇有关CSS布局的文章，并力求通过一种通俗的语言来说明知 识点，还配以实例和图片，相信对初学CSS布局的人会带来一定的帮助。</p>
这个缩进是以p标签为基准 在一个p 标签里面文字在多也只是缩进一次 只有在添加另外一个p标签的 时候才会缩进第二次
3、
margin: 0px auto;
水平居中 使用与div 等标签
这个居中的效果不和我认识当中的只要写了就可以让他居中的效果是不一样的
body{
width:670px;
margin:0px auto;
height:auto;
}
要在页面的身体面就定义居中的效果 在定义整个body的长度 长度不同居中的效果也不一样
.add-tuba{
float:left;
margin:30px 0px 0px 240px;
}
在各个div里在定义一个浮动定位 后输入他们的距离这样才可以在三个游览器 谷歌 IE 火狐里 达到统一的效果 最重要的就是根据实际情况的不同 而改变部分代码来适应
4、
background-repeat: no-repeat;
background-repeat 属性设置是否及如何重复背景图像。默认地，背景图像在水平和垂直方向上重复。
5、
background-repeat: repeat-y;
就是铺满y轴
6、
no-repeat
背景图像将仅显示一次。
7、
*是通配符，表示所有
* {margin:0;padding:0px;}重置所有元素的边距
为什么要重新设置呢 因为有一些标签是自带默认的距离的 这样当写上去就会影响整体的结构和最后现实出和设想不一样的效果
比如 Form标签 因为有部分标签默认会有一定的边界 一般写在css的最上面 下面才是定义body页面身体的内容 在下面在是定义具体到div的内容
8、
在今天的工作中得出了的了定位的经验 还是浮动定位最好用 不然可以在谷歌 IE 火狐下定位的像素都是一样的 不会出现偏差 和能完成自适应的效果 不管div里的东西怎么加 div 之间的距离 都是一样有的。
9、昨天的问题就是没办法把一个div定义到页面的最下放成为页尾
后面 还是用浮动定位 一层层的做下去 在最后定义那个尾部的div时就可以根据前面的浮动定位 一个一个排下来 到最后的那个div就自然的到了页面的最下面成为了页尾 以后加内容加在上面 用一个div 加里面 那么页尾就始终都是页面 变化的只是上面的内容。