当前位置:首页 > Web开发 > 正文

每一个元素都有默认的 display 属性值

2024-03-31 Web开发

标签:

一、 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