美文网首页Web前端
html - 块和内嵌

html - 块和内嵌

作者: 廖马儿 | 来源:发表于2017-12-22 20:25 被阅读2次

标签的分类:块和内嵌类型。(块级元素,内联元素)

实验:

div, span {
    width: 100px;
    height: 100px;
    background: red;
}
...
<div>div1</div>
<div>div2</div>

<span>span1</span>
<span>span2</span>

区别:
块: 1.独占一行,不设置宽度的时候默认是占满一行; 2.支持所有样式;
内嵌:1.多个可以在一行显示,宽度怎么设置都是自己内容的填充宽度; 2.不支持宽高,对上下的margin和padding等样式支持的也有问题;3.换行会解析为一个空格,会产生距离。

font-family:"宋体";
font-size:20px;
这样的样式的话:那么空格这种特殊符号的宽度是font-size的一半(10px)。一个字占得宽高都是20px; 

常用标签是块还是内嵌:

块:div, li,hx, p, dt, dd
内嵌:ul,ol, dl,span, em, strong, img, a 

相关文章

  • html - 块和内嵌

    标签的分类:块和内嵌类型。(块级元素,内联元素) 实验: 区别:块: 1.独占一行,不设置宽度的时候默认是占满一行...

  • 小组分享--HTML(5)嵌套规则

    HTML/XHTML嵌套规则 块级元素与块级元素平级、内嵌元素与内嵌元素平级 块级元素可以包含内联元素或某些块元素...

  • 企业级规范

    html标签企业级规范 一、 块级元素与块级元素平级,内嵌元素与内嵌元素平级 二、块元素可以包含行内元素或者某些块...

  • css - 内联块(inline-block)

    Html元素分为块元素和内联元素。内联块不是内联元素(内嵌元素)。 我们划分区域的框都是矩形,90°直角的。 块元...

  • 前端Day20

    javascript引入方式 1.内嵌:在html中加入一对标签 代码块 2....

  • HTML元素嵌套规则

    HTML标签包括块级标签(block)、内嵌元素(inline) 1、块级元素 一般用来构建网站的结构、布局、承载...

  • 如何在HTML中使用JavaScript? -- 传统、流行、未

    1. 在HTML页面中,通过签加载JavaScript脚本, 有两种方式:内嵌和外部引用 内嵌 ...

  • Nested Selections

    内嵌的元素 考虑以下DOM结构: 不同的父级结构(html和tbody): 数据实现内嵌结构 假设tbody是空的...

  • 内嵌元素(HTML)

    内嵌内容 applet元素 过时的HTML Applet元素(applet)将Java applet嵌入文档中;不...

  • HTML简介 3

    图片和多媒体 HTML 支持各种多媒体资源,例如图像,音频和视频。 内嵌内容 除了常规的多媒体内容,HTML 可以...

网友评论

    本文标题:html - 块和内嵌

    本文链接:https://www.haomeiwen.com/subject/uopxgxtx.html