1.TD、DIV中的内容不超宽度自动换行
word-break:break-all;word-wrap:break-word;
2.DIV自适应高度，定义width和float属性
3.一像素表格边框
<table width="100%" height="100" border="1" bordercolor="blue" cellspacing="0" style="border-collapse:collapse">
<tr> <td>www.blueidea.com</td> <td>www.blueidea.com</td> </tr>
<tr> <td>www.blueidea.com</td> <td>www.blueidea.com</td> </tr>
</table
4.UL无序列表、OL有序列表、LI列表项
li之所以默认不能放在一行 因为他是块结构元素 你把他改成内联元素他就会在一行了
li的样式中加:display:inline; 就是让li以内联的方式显示
或者使用ul,li{list-style-type:none;}也可以
5. BOX模型在firefox和IE中的解释相差2px的解决方法
div{margin:30px !important ; margin:28px;}
现在进行WEB重构的时候,一般我们做DIV 居中是这样:
body{
margin:0px auto;
text-align:center;
}
但是在没申明下面这句解析方法的时候,页面就会出错.不能居中对齐!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
另一种兼容方法
<style type="text/css">
/*去除body的内外填充和border*/
body{
border:0 none;
margin:0;/*外填充*/
padding:0;
background-color: #FFF;
}
p{
margin:0; /*去掉外填充，否则FF下外填充会向外透滲,外填充会穿透外层，是透明的但占用空间，
2个P的margin重叠不多占空间*/
}
#page {
background-color:#AABFAA;
margin:0 auto; /*设置上下外填充为0,左右自动（居中）*/
overflow:visible;
width:950px;
}
</style>
</head>
<body>
<div id="page">
<p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p>
<p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p>
<p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p>
<p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p>
<p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p>
<p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p><p>p</p>
</div>
</body>
6.CSS中的布局属性的理解
display div:block（此元素将显示为块级元素，前后会带有换行符。） span:inline
float:相对于父元素的浮动 设置了float为left或者right的元素A的display属性自动转为block
***跟随浮动对象的对象B将移动到浮动对象A的位置(暂时理解为float对象A前后不换行了)。
假如在一行之上只有极少的空间可供浮动元素A，那么这个元素A会跳至下一行
clear:B设置了clear:both 为B增加上外边距(***)。这样B才能位于A的下外边距边界之下
http://www.cnblogs.com/woodfish1988/archive/2007/03/01/660335.html
分享到：
相关推荐
HTML学习笔记
本资源“新手html学习笔记（仅供菜鸟成长参考）.rar”为初学者提供了一条理解并掌握HTML的途径。下面将详细阐述HTML的相关知识点。 一、HTML概述 HTML是一种用于创建网页的标准标记语言，它由一系列元素组成，这些...
自己学习html的笔记,普通文本格式，适合非前端专业开发者参考。学的好还得自己好好理解。
这本“HTML学习笔记_zhr1226”涵盖了HTML的基础知识和进阶应用，对于初学者和寻求提升的开发者来说是一份宝贵的资源。 在HTML的学习中，首先会接触到的是基本结构，包括文档类型声明`<!DOCTYPE html>`，以及`<html>...
根据韩顺平的《轻松搞定网页设计HTML+CSS+JAVASCRIPT》HTML学习笔记.pdf，我们可以总结出以下HTML基础知识点： 1. HTML基本结构：HTML文档的基本结构包括<html>、、三部分，其中<html>是根元素，用于存放元数据，...
在这个名为“我的HTML学习笔记”的压缩包中，很显然，包含的是作者在学习HTML过程中整理的一些资料。 HTML的基本结构由一系列的元素组成，每个元素都是通过标签来定义的。例如，`<html>`元素是文档的根元素，包含了...
javaweb 前端 html学习笔记
这个“个人html学习笔记 精华版”很可能是对HTML基础知识的深入解析和实用技巧的集合，适合初学者和进阶者参考。在这个压缩包中，尽管没有提供具体的文件内容，我们可以基于HTML学习的一般框架来探讨相关的知识点。 ...
这个“HTML学习笔记”压缩包显然包含了丰富的学习资源，旨在帮助初学者或进阶者深入理解和掌握HTML的基础及应用。 1. **HTML基础**: HTML由一系列元素组成，每个元素都有其特定的功能，如`<html>`定义整个文档，`...
这个"html 学习笔记"压缩包包含了作者在学习HTML过程中的积累和理解，对于初学者来说是一份非常宝贵的资源。下面我们将深入探讨HTML的基础知识、结构以及一些重要的标签和概念。 HTML的基础知识： 1. HTML文档结构...
HTML 学习笔记 1 - 基础标签 HTML（HyperText Markup Language）是一种超文本标记语言，用于创建网页的标记语言。以下是 HTML 学习笔记 1 - 基础标签的知识点总结。 声明标签 * `<!DOCTYPE html>`：声明 HTML ...
HTML 学习笔记语法大全！ 适合初学者
HTML学习笔记（个人）