HTML的操作小技巧，满满的干货

我的前端开发笔记

HTML部分

一，HTML定义
1,HTML为超文本标记语言
2,快捷键：!+tab会出现代码结构

---

二，快速搭建网页的DIV结构窍门
1，div#header 按下tab ——<div id="header"></div>
div.top 按下tab——<div class="top"></div>
2，+ ——表示并列， ^——表示返回上一级

---

三，块级元素VS行级元素

分类	块级元素	行级元素
特点	可独立成行，宽度自动填满其父元素宽度	不可独立成行
举例	div、p	span、img、d、i

---

四，如何避免使用float时对排版影响
清浮动:

.clearfix:after{display:block;content:"";visibility:none;height:0;clear:both;}

---

五，标题标签

<h1>1号标题</h1>
<h2>2号标题</h2>
<h3>3号标题</h3>
<h4>4号标题</h4>
<h5>5号标题</h5>
<h6>6号标题</h6>

---

六，有序列表&无序列表

<ul>
    <li>无序列表</li>
</ul>

<ol>
    <li>无序列表</li>
</ol>

---