HTML span标签学习笔记

您所在的位置:网站首页 前端span标签 HTML span标签学习笔记

HTML span标签学习笔记

2022-03-23 20:22| 来源: 网络整理| 查看: 265

HTML span标签学习笔记 原创

JerryWang汪子熙 2021-07-08 14:33:46 ©著作权

文章标签 前端开发相关 文章分类 Html/CSS 前端开发

©著作权归作者所有:来自51CTO博客作者JerryWang汪子熙的原创作品,请联系作者获取转载授权,否则将追究法律责任HTML span标签学习笔记https://blog.51cto.com/jerrywangsap/3013981

 

行内元素

span是inline(行内)元素。

设置宽高无效:

HTML span标签学习笔记_前端开发相关HTML span标签学习笔记_前端开发相关_02

设置padding有效:

HTML span标签学习笔记_前端开发相关_03

一小格是5px,两小格是10px.

padding设置上下左右都有效,即会撑大空间; 行内元素尺寸 由内含的内容决定 块元素

例子是div

浅绿色的就是margin区域:

HTML span标签学习笔记_前端开发相关_04

设置高度和宽度起作用。

一个典型的span用法:

The span element

My mother has blue eyes and my father has dark green eyes.

HTML span标签学习笔记_前端开发相关_05

The span tag is an inline container used to mark up a part of a text, or a part of a document.

The span tag is much like the div element, but div is a block-level element and span is an inline element.

和div作用类似,但span是inline元素,div是block元素。

何时应该使用span?

It should be used only when no other semantic element is appropriate.

 

 

打赏 收藏 评论 分享 微博 QQ 微信 举报

上一篇:使用Angular的property binding给HTML DOM元素的class动态赋值

下一篇:SAP Spartacus里如何查找所有可以focus的HTML元素



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3