每一个元素都有默认的 display 属性值
标签:
一、 html标签有哪些?1)行内元素有哪些?
行内元素:行内大多为描述性符号
<span>...</span>
<a>...</a> 链接、 锚点
<br> 换行
<b>...</b> 加粗
<strong>...</strong> 加粗
em - 强调
img - 图片
font - 字体设定 ( 不保举 )
<i>...</i> 斜体
<em>...</em> 斜体
<del>...</del> 删除线
strike - 中划线(已经废弃)
<u>...</u> 下划线
<input>...</input> 文本框
<textarea>...</textarea> 多行文本
<select>...</select> 下拉列表
<sup>...</sup> 上标
<sub>...</sub> 下标
2)块级元素有哪些?
块级元素:块级元素大多为布局性符号
<address>...</adderss> 地点
<center>...</center>举中对齐块
<h1>...</h1> 标题一级
<h2>...</h2> 标题二级
<h3>...</h3> 标题三级
<h4>...</h4> 标题四级
<h5>...</h5> 标题五级
<h6>...</h6> 标题六级
<hr> 程度支解线
<blockquote>...</blockquote> 段落缩进 前后5个字符
<marquee>...</marquee> 滚动文本
<ul>...</ul> 无序列表
<ol>...</ol> 有序列表
<dl>...</dl> 界说列表
<table>...</table> 表格
<form>...</form> 表单
dir - 目录列表
<div>...</div>常用块级容易,也是 css layout 的主要标签
fieldset - form控制组
<p>...</p> 段落
<pre>...</pre> 预格局化
3)空(void)元素有哪些?
<br/> //换行
<hr> //分隔断绝分手线
<input> //文本框等
<img> //图片
<link> <meta>
二、行内元素和块级元素有什么区别?
按照 CSS 规范的规定,每一个网页元素都有一个 display 属性,用于确定该元素的类型,每一个元素都有默认的 display 属性值,,好比 div 元素,它的默认 display 属性值为 “block”,成为“块级” 元素 (block-level);而 span 元素的默认 display 属性值为“inline”,称为“行内” 元素。
区别一:
块级:块级元素会独有一行,默认情况下宽度自动填满其父元素宽度
行内:行内元素不会独有一行,相邻的行内元素会排在同一行。其宽度随内容的变革而变革。
区别二:
块级:块级元素会自动占据必然矩形空间,可以设置宽高
行内:行内元素没有本身的独立空间,不成以设置宽高
区别三:
块级:块级元素可以设置margin,padding
行内:行内元素程度标的目的的margin-left; margin-right; padding-left; padding-right;可以生效。但是竖直标的目的的margin-bottom; margin-top; padding-top; padding-bottom;却不能生效。
区别四:
块级:display:block;
行内:display:inline;
可以通过改削display属性来切换块级元素和行内元素
html行内元素、块级元素及空元素有哪些?区别是什么?
温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/30881.html
- 上一篇:相见恨晚的网站
- 下一篇: ?(3)超链接的第三个组成部分是标题
