web兼容学习分析笔记--块级内联内联块级元素
Posted YanEr、
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了web兼容学习分析笔记--块级内联内联块级元素相关的知识，希望对你有一定的参考价值。
一、块级、内联、内联块级元素
（1）块级元素：block
**独占一行
**可设置width，height，margin，padding
**内部可包含块级或内联元素
（3）内联（行内）元素：inline
**和其他inline元素同行显示
**可以设置margin-left，margin-righ，padding-left，padding-right，
**无效设置widht，height，margin-top，margin-bottom，padding-top，padding-bottom
**内部可包含块级或内联元素，内部包含块级元素时，该块级元素继续保持独行显示，下一个内联元素会换行显示
（4）内联块级元素：inline-block
**和其他inline或inline-block元素同行显示。
**和块级元素一样可设置width，height，margin，padding。
**内部可包含块级或内联元素，内部包含块级元素时，该块级元素会在内联元素的内部独行显示，不会影响下一个内联元素的同行显示
<div> 定义文档中的节
<blockquote>定义长的引用
<dl>定义列表详情
<fieldset> 定义围绕表单元素的边框
<form> 定义html的表单
<h1>--<h6> 标题
<hr> 水平线
<legend> 定义<fieldset>元素的标题
<li> 定义列表的项目
<object> 定义内嵌对象
<ol> 定义有序列表
<p> 定义段落
<pre> 定义预格式文本
<table> 定义表格
<ul>定义无序列表
Html5新元素
<article> 定义一个文章区域
<aside> 定义页面的侧边栏内容
<audio> 定义音频内容
<canvas> 定义画布
<dialog> 定义对话框，比如提示框
<embed> 定义嵌入的内容，比如插件
<figure> 定义独立的流内容（图像、图标、照片、代码等）
<figcaption> 定义元素的标题
<footer> 定义section或document的页脚
<header> 定义文档的头部区域
<nav> 定义导航链接的部分
<section> 标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分
<summary> 标签包含 details 元素的标题，"details" 元素用于描述有关文档或文档片段的详细信息
<a> 超文本链接
<address> 文档作者或拥有者的联系信息
<abbr> ,<acronym> 定义缩写
<area> 定义图像映射内部的区域
<b>加粗字体
<bdo> 定义文字方向
<cite>定义引用
<code> 计算机代码
<dfn> 定义定义项目
<em> 定义强调文本
<i> 斜体
<ins> 定义被插入的文本
<kbd> 定义键盘文本
<label>定义input元素的标注
<map> 定义图形映射
<mark> 定义带记号的文本
<q> 定义短的引用
<samp> 计算机样本
<samll> 定义小号文本
<span> 定义文档中的节
<strong> 定义强调文本
<sub> 定义下标文本
<sup> 定义上标文本
<tt> 定义打字机文本
<var> 定义文本的变量部分
Html5新元素
<bdi> 允许您设置一段文本，使其脱离其父元素的文本方向设置。
<meter> 定义度量衡。仅用于已知最大和最小值的度量
<rp> 在 ruby 注释中使用，以定义不支持 ruby 元素的浏览器所显示的内容
<rt> 标签定义字符（中文注音或字符）的解释或发音
<ruby> 标签定义 ruby 注释（中文注音或字符）
<time> 定义日期或时间，或者两者
<wbr> 规定在文本中的何处适合添加换行符
<button> 定义一个点击按钮
<iframe> 定义内联框架
<img> 定义图像
<input> 定义输入控件
<select> 定义选择列表（下拉列表）
<textarea> 定义多行的文本输入控件
Html5新元素
<video> 标签定义视频，比如电影片段或其他视频流
<keygen> 对表单生成密钥字段
<progress> 定义运行中的进度（进程）
作者：leona
以上是关于web兼容学习分析笔记--块级内联内联块级元素的主要内容，如果未能解决你的问题，请参考以下文章