html中的一些标签

<em></em>是强调，主要用户人名的说明

<q></q>主要是短文本的引用（比如引用了一篇诗）

<blockquote></blockquote>
主要是长文本的引用

<code></code>是加入一行代码（比如文本中加入一行代码语言时可以用到）

<pre></pre>是加入一大段代码（比如文本中一整块引用代码语言）

<ul></ul>没有顺序

<ol></ol>有顺序

<caption></caption>是表格的标题

css盒模型

一、display:block

将元素设置为块级元素

特点：

1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行）

2、元素的高度、宽度、行高以及顶和底边距都可设置。

3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。
二、display:inline
将元素设置为内联元素

特点：

1、和其他元素都在一行上；

2、元素的高度、宽度及顶部和底部边距不可设置；

3、元素的宽度就是它包含的文字或图片的宽度，不可改变。
三、display:inline-block
将元素设置为内联块状元素

特点：

inline-block 元素特点：

1、和其他元素都在一行上；

2、元素的高度、宽度、行高以及顶和底边距都可设置。
css布局模型

relative与absolute 的组合使用

相对于其他元素进行定位规则

1、参照定位的元素必须是相对定位元素的前辈元素：

2、参照定位的元素必须加入position:relative;

3、定位元素加入position:absolute，便可以使用top、bottom、left、right来进行偏移定位了

设置div自动居中

div{margin:0 auto}

此时不能设置浮动和绝对定位属性，否则就不能显示自动居中了。

清除浮动影响常用的方法

clear 属性：clear :both;clear:left;clear:right

同时设置width:100%(获取固定宽度)+overflow:hidden

position属性具有三种定位

静态定位、绝对定位、相对定位

可设置四种属性：static(静态定位)--处于标准流中、relative(相对定位)、absolute(绝对定位)、fixed(固定定位)

position:relative;处于标准流中，设置之后就可以定义相对偏移量：letf、top 等。这样可能导致与兄弟元素重叠

position:absolute;脱离标准流中，如果不设置偏移量处于我行我素状态（即使有祖先元素）

设置绝对定位时（如果没有设置宽度、他的宽度会随着内容的变化而变化）