HTML+CSS笔记

• 盒子模型 div
• 行内元素 span
• 块元素与行内元素的转换display：inline-block(行内块元素)、block（块元素）、inline（行内元素）
• 浮动：float：left、right、none
• 清除浮动：clear：left、right、both（如果父元素没有定义height，则clear没有作用，需要使用overflow：auto或者hidden来清除浮动）
• 元素定位 position：relative（相对-父元素）、absolute（绝对-子元素）、fixed（固定定位）
  使用left:20px;top:20px;来确定位置
• 无序列表ul

<ul>
 <li>列1</li>
 <li>列2</li>
</ul>

有序列表ol

 <ol>
    <li>列1</li>
     <li>列2</li>
 </ol>

定义列表dl

 <dl>
    <dt>名词</dt> //可以定义图片
        <dd>解释1</dd>
        <dd>解释2</dd>
 </dl>

list-style：none//清除列表默认样式（列前面的序号或者点）

- 超链接a
如果时图片使用超链接时，默认会有边框，使用“border=0”消除

  <a href="# ">超链接</a>

锚点链接

<a href="#id名">锚点链接</a>
<p id=id名>定位的内容</p>

a:link{未访问时的超超链接样式}
a:visited{访问后}
a:hover{经过、悬停时}
text-decoration：none//清除超链接的下划线