前端基础学习总结151012

FastStone：屏幕截图软件，，本次使用了它的抓取滚动区域

当有对象浮动时，在各个浏览器，可能会不兼容。解决方法：

1.同一行的盒子，将浮动方向设置为相同。

2.clear：拒绝浮动对象对后面对象的影响。

技巧：当浮动了许多元素之后，突然需要另起一行时，可以制作一个空白的div标签，为其设置clear：both；清除左右的浮动。【在外层盒子的最后写】

IE 6 ：双边距的bug

产生原因：

当一个对象  有浮动时，并且也加了一个同方向的外边距，在IE 6 中会产生边距加倍的现象。

解决办法：将对象的类型由块元素转为内联元素。

--------------------------------------------------------------------------

CSS中元素类型的分类

• 1.块级元素  {display：block；}   默认

从一个新行开始，其后的元素也要另起一行，eg：div h p table body

• 2.内联元素 {display：inline；}

不需在新行中显示，也不强迫后面的元素换行  eg：a, em, span

• 3.隐藏元素   {display:none;}

浏览器完全忽略它，此元素将不会被显示，虽然在HTML文档中。

----------------------------------------------------------------------------

背景图没出现？检查一下宽高的设置

用sublime text 2 编写代码时，在浏览上上调试时会出现中文乱码问题，解决：在head中添加：<meta  charset="utf-8"  />

在CSS编写前，会有一个总体设置，为什么门户网站设置好多元素而不是 用*  -->为了提高效率

4.当我们不设置高度时，块元素的高度会变成 可以容纳下内容的最大高度（内容多高就多高）

5.IE 6的容错性最多。

文字缩进：  {text-indent:2em;}