我的前端开发笔记
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>