一、行内及块级标签区别
行内inline:
元素宽度高度根据内容大小,不能独占一行;
无法通过CSS设置width、height、margin-top/bottom。
块级block:
元素宽度高度根据内容大小或自带,且独占一行;
可以通过CSS设置width、height、margin-top/bottom。
二、常见行内及块级标签
1、块级标签
<address>:联系信息
<blockquote >:块引用
<div>:常用块级容易,也是css layout的主要标签
<dl>:定义列表
<fieldset>:form控制组
<form>:交互表单
<h1>~<h6>:标题
<hr>:水平分隔线
<ol>:排序表单
<ul>:非排序列表
<p>:段落
<table>:表格
2、行内标签
<a>:锚点
<cite>:引用的书名、文章名、网站名
<big>:放大文本
<br>:换行
<em>:强调
<img>:图片
<input>:输入框
<label>:表格标签
<q>:短引用
<s>:中划线(不推荐)
<small>:缩小文本
<span>:常用内联容器,定义文本内区块
<strike>:中划线
<strong>:粗体强调
<sub>:下标
<sup>:上标
<textarea>:多行文本输入框
<u>:下划线
三、行内及块级标签转换
通过CSS设置display:inline/inline-block/block