前端从零开始学习笔记（三）---div和span标签（盒子）

最新推荐文章于 2024-04-30 23:00:09 发布

小不言啊

最新推荐文章于 2024-04-30 23:00:09 发布

阅读量361

点赞数

文章标签：前端 css html

本文链接：https://blog.csdn.net/m0_61656944/article/details/122241908

版权

1.div标签没有具体含义，用来划分页面的区域，会影响结构，独占一行。

<div>是一个块元素</div>

2.span标签没有实际意义，主要应用在对于文本独立修饰的时候，内容有多宽就占用多宽的空间距离不会影响结构。

<p>体育 <span  style="cloor:red;"> SPORTS </span></p>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小不言啊

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

零基础小白学Node-RED（07）：综合案例分析

知无涯

10-25

4190

讲解Node-RED的综合示例

标签分类，div和span，盒子模型

m0_62140068的博客

09-29

1072

1. 块级标签无论内容多少，都会占一行，即自动换行。（p，h1，ul，ol）默认尺寸：宽——与父级标签一致高——为0 还可以通过width，height设置宽高。主要用于网页布局。 2. 行级标签只占自身内容大小，不会占一行。（a，b，i）设置宽高是无效的。多用于选中文本文字。 3. 行级块标签不占一行，可以设置宽高。（input，image） 4. 注意事项 1.一般情况下，使用块级标签包含行级标签。 2.a标签可以包含除自身外的任何标签。 3.p标签不可包含

参与评论您还未登录，请先登录后发表或查看评论

盒子模型div、span

Blue_lan18的博客

01-15

431

div和span标签没有语义，相当于装内容的盒子。div为division的缩写，表示分区，span意为跨距。div和span都用于布局，一行只能放一个div，可以放多个span。例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">

web前端入门到实战：HTML-div和span标签

软件开发-前端开发-IT

10-05

539

一、div标签 1.作用：一般用于配合CSS完成网页的基本布局 2.例子： <style> .head{ width: 980px; height: 100px; background: red; margin: auto; } .content{ width: 980px; height: 300px; background: green; margin: ...

web前端——div和span标签

热门推荐

xishaoguo的博客

03-08

1万+

div和span标签都是用来帮助页面进行排版的，它们两个没有自己的语意。div：块级元素，所谓的块级元素，就是可以通过css设置宽高等一些大小的样式，这样的元素标签称为块级元素。块级元素的特点是自己占一整行。如果再写其它标签，那么其它标签会显示在它的下面。div的宽度默认是整个浏览器的宽度，这个宽度是从body标签继承过来的。span：行内元素，不能通过css设置具体的宽高等样式的标签元素称为行内...

基础前端知识第一期：DIV 标签

weixin_43444738的博客

01-25

742

【代码】基础前端知识第一期：DIV 标签。

Web API【黑马前端--笔记整理】

weixin_60599272的博客

09-22

3339

API是为我们程序员提供的一个接口，帮助我们实现某种功能，我们会使用就可以了,不必纠结内部何实现Web APl主要是针对于浏览器提供的接口，主要针对于浏览器做交互效果。WebAPI一般都有输入和输出（函数的传参和返回值），Web API很多都是方法（函数)学习Web API可以结合前面学习内置对象方法的思路学习文档对象模型（Document Object Model,简称DOM），是W3C组织推荐的处理可扩展标记语言（HTML、XML）的标准编程接口。

学习笔记-CSS

seruyyyyyy的博客

03-15

509

CSS简介（层叠样式表） css主要用于场景，用于美化页面 HTML只关心内容的语义，所以外观样式一般由css来负责，使页面更美观 css语法规范由选择器和一条或多条声明构成 <style> /* 选择器 */ /* 给谁改样式（改什么样式） */ p { /* 修改文字为红色 */ color: red; /* 修改文字大小为十二像素 */

【学习笔记】前端（I）—— Vue2（Ⅰ）

最新发布

Eddie_hyh的博客

04-30

868

前端第一部分：Vue（Ⅰ）

Mentor-dft 学习笔记 day25-At-Speed Test With Named Capture Procedures

qq_42327670的博客

11-14

1024

At-Speed Test With Named Capture Procedures

前端工程师养成-笔记02（span标签，标题标签，图像标签）

weixin_46497661的博客

04-20

7603

上文谈到了html的基础标签和一些常用的标签，接下来就继续谈谈常用的标签一、<span>标签 <span></span>是双标签，它的作用是可以更改某一段文本的样式，可以精准的对一个部分进行美化但是要注意span标签本身是不具有格式表现的，只有对它应用样式时才能产生变化具体使用： <!doctype html> <html lang="zh-CN"> <head> <meta charset="UTF-8">

＜div＞和＜span＞标签-盒子标签，没有语义

New_Prorammer的博客

02-24

187

html-3 盒子标签图像标签

fly_ship的博客

08-06

432

盒子标签布局 <div> <span> <div>独占一行 <span>一行可以放多个图像标签 <h4>图像标签的使用</h4> <img src="1.png"/> 属性：src alt title <h4>alt 替换文本图像显示不出来是用文字替换</h4> <img src="11.png" alt="替换文字"/> &lt...

前端——6.文本格式化标签和＜div＞和＜span＞标签

m0_52096593的博客

03-09

1553

标签加粗，语义更强烈倾斜或更推荐使用标签倾斜，语义更强烈删除线或

前端入门-常用标签和盒模型

weixin_53748496的博客

11-08

557

【代码】前端开发-基础知识。head和body标签的作用:标签的使用和盒模型的概念行属性标签标签间的相互转换iframe画中画a超链接标签状态a超链接锚点用法常用标签img图像标签前端入门-常用标签和盒模型

html中的span标签

m0_47531829的博客

04-13

299

一直不知道span标签能干什么，span不就和p标签一样是一个普通的行内元素嘛。昨天偶然听从一起学习打卡前端小伙伴的建议去看了看B站极客江南的视频，今天早上看了看爱上了，自带倍速，而且里面还有一些我曾经困惑的点给提了出来，因为之前是看pink老师的视频，所以是跳着看的。 <p>努力到无能为力，拼搏到感动自己</p> 如果我要给“无能为力”以及“感动自己"加红色，显然给p标签加颜色是不行的，这个时候就需要span标签了。 <p>努力到<span>无能为力&lt

a标签与span标签

okkeqin的专栏

07-07

3378

有滚动条是点击a标签滚动条会置顶

09-常用标签之盒子标签＜div＞、＜span＞

qq_36352716的博客

01-19

1304

1、div标签可以理解为大盒子，独自占一行 2、span标签 可以理解为小盒子，一行可以有多个span标签

从零开始的Linux及Arm-Linux程序开发指南

"Linux及Arm-Linux程序开发笔记（零基础入门篇）" 本文是一份针对初学者的Linux及Arm-Linux程序开发指南，旨在帮助完全没有Linux背景的开发者快速入门。作者通过自己的学习历程，详细介绍了从搭建开发环境到编写...