掘友等级
获得徽章 0
#每天一个知识点# 4、定位position(top、right、bottom、left)static元素框正常生成。
Relative相对定位（相对定位，相对自身原来位置，原有空间保留，不会被挤占）。
不影响元素本身的特性；
不使元素脱离文档流；
如果没有定位偏移量，对元素本身没有任何影响；
提升层级；（可用z-index提升层级，从而改变元素的覆盖关系，数值越大的在上面；两个元素同为定位元素时，后面的会覆盖前面的定位）
表格作用：存在即是合理的。 表格的现在还是较为常用的一种标签，但不是用来布局，常见显示、展示表
格式数据:
table用于定义一个表格标签。
tr标签 用于定义表格中的行，必须嵌套在 table标签中。
td 用于定义表格中的单元格，必须嵌套在标签中。
#每天一个知识点# 闭合标签（标签对拥有开始标签和结束标签）
标签对/双标签<html></html>
<P>前端文本文字<P>
#每天一个知识点#
行内元素：a \ b \ span \ input \ img \ strong \ br \ em \ big \ small
块元素：div \ ul \ ol \ li \ h1-h6 \ p \ dl \ dt \ address
空元素：img \ input \ link \ meta
#每天一个知识点# <1> 块元素
a.独占一行
b.支持设置宽高，如果不设置，默认宽度与其父元素的高度一致，高度由里面的内容撑出
c.支持设置盒模型里的上下padding和margin值
#每天一个知识点# DOM编程:
DOM就是HTML页面的模型，将每个标签都做为一个对象，JavaScript通过调用DOM中的属性、方法就可以对网页中的文本框、层等元素进行编程控制。比如通过操作文本框的DOM对象，就可以读取文本框中的值、设置文本框中的值。
HTML DOM定义了访问和操作HTML文档的标准方法。他把HTML文档呈现为带有元素、属性和文本的树结构。在层次图中，每个对象是它的父对象的属性，如Window对象是Document对象的父对象，所以在引用Document对象就可以使用Window.Document，相当于document是window对象的属性。对于每一个页面，浏览器都会自动创建Window对象、Document对象、Location对象、Navigator对象、History对象。
#每天一个知识点# 标题元素可用于指定内容的标题和子标题。就像一本书的书名、每章的大标题、小标题，等。HTML 文档也是一样。HTML 包括六个级别的标题， <h1> (en-US)–<h6> (en-US) ，一般最多用到 3-4 级标题。
#每天一个知识点#
<!DOCTYPE html> — 文档类型。混沌初分，HTML 尚在襁褓（大约是 1991/92 年）之时，DOCTYPE 用来链接一些 HTML 编写守则，比如自动查错之类。DOCTYPE 在当今作用有限，仅用于保证文档正常读取。现在知道这些就足够了。
<html></html> — <html> 元素。该元素包含整个页面的内容，也称作根元素。
<head></head> — <head> 元素。该元素的内容对用户不可见，其中包含例如面向搜索引擎的搜索关键字（keywords）、页面描述、CSS 样式表和字符编码声明等。
#每天一个知识点# 属性应该包含：
在属性与元素名称（或上一个属性，如果有超过一个属性的话）之间的空格符。
属性的名称，并接上一个等号。
由引号所包围的属性值。
#每天一个知识点# 清除浮动的几种常见方式：直接为父元素设置高度（优点：简单、代码少，缺点:只适合用于高度固定的布局；）
在父元素结束标签之前添加额外的元素，设置clear:both样式（优点：简单、兼容性也好；缺点：不利于代码语义化，后期维护成本大）
使用CSS的after伪元素；（优点：浏览器支持好，各大型网站中都有使用，缺点：代码多，要两句代码结合使用，才能让主流浏览器都支持）
注意：在使用伪元素清除浮动时，为了让IE6/IE7浏览器适用，要给clearfix的css添加一条zoom:1的样式，触发haslayout;
使用css的overflow属性；（优点：浏览器支持好，适合定框的页面；缺点：不能和position配合使用，因为超出部分会被overflow:hidden隐藏）通过触发BFC方式，实现清除浮动（BFC(Block formatting context)直译为“块级格式化上下文”。是一个完全独立的渲染区域，计算BFC高度时，浮动元素也会参与计算）
