6.块元素和行内元素

最新推荐文章于 2024-08-02 13:35:44 发布
最新推荐文章于 2024-08-02 13:35:44 发布
阅读量8 收藏 1
点赞数 5
分类专栏： HTML 文章标签： html 前端 编程语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chuxiqianye2020/article/details/138425030
版权

块元素

  1. 无论内容多少，该元素独占一行
  2. (p、 h1-h6…)

例子如下图

请添加图片描述

行内元素

  1. 内容撑开宽度，左右都是行内元素的可以排在一排
  2. (a、 strong、 em …)

例子如下

请添加图片描述
请添加图片描述

感谢您的观看，能和您一起学习是我最大的荣幸！

文章学习资料：块元素和行内元素——狂神说

下面是我的公众号，与csdn同步更新，有需要的可以关注一波~
在这里插入图片描述

Lhuang-attic
关注
  • 5
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
css块元素与行内元素特点,行内元素和块元素以及行内块元素的特点
weixin_42110469的博客
08-03 626
一、背景初学html，接触很多标签、、、、等，当写出简单的小页面的时候，例如仅仅是一篇带有标题的文章，标题标签单独一行，不管后面有多大的空间；标签中使用多个给某些词做强调，但是却和中的其他内容同一行，由此，会思考为什么和会有这种的不同？二、标签的类型(显示模式)想要知道为何不同，得先了解HTML标签的类型。HTML标签一般分为块标签和行内标签两种类型，也可以称为块元素和行内元素。上面举例中的标签就...
行内元素、块元素都有哪些
09-22
然而，现代前端开发中，Flexbox和Grid布局系统提供了更为强大的布局解决方案，可以更好地替代传统的行内元素和块级元素布局。 至于CSS文件的相互引用，`@import`规则允许在当前CSS文件中引入其他CSS文件，以便代码...
3.块元素，行内元素，行内块元素及其元素转换
weixin_62061392的博客
04-09 4751
html块级，行内，行内块元素特点及其转换
行内元素和块级元素的区别
gao_zhennan的博客
10-15 4636
本文介绍了块级元素和行内元素的基本概念、内容模型和默认格式。
块元素、行内元素和行内块元素
Liyunhao_haoge的博客
10-05 733
块元素、行内元素和行内块元素块级元素(block-level) 每个块元素通常都会独自占据一整行或多整行，可以对其设置宽度、高度、对齐等属性，常用于网页布局和网页结构的搭建； 常见的块元素有h1-h6,p,div,ul,ol,li等，其中div标签是最典型的块元素。 特点：1）总是从新行开始 2）高度，行高，外边距以及内边距都可以控制 3）宽度默认是容器的100% 4）可以容纳内联元素和其他块元素...
块元素、行内元素、行内块元素
热门推荐
FreeSpider
06-01 3万+
一、块元素 block element 块元素的特性 独霸一行，总是在新行上开始 宽度缺省是它父级元素的100%，除非设定一个宽度 高度、行高、外边距、内边距都可以设置 可以容纳其他内联元素或者其他块元素 常见的块元素 address – 地址 blockquote – 块引用 center – 举中对齐块 dir – 目录列表 div – 常用块级容易，也是CSS layo...
块级元素和行内元素的区别
gao_zhennan的博客
03-26 1万+
无论是初学者或者是即将面试的前端工程师，行内元素及块级元素都是非常重要的知识点，在布局设置宽高和边距时经常由于混淆行内元素及块级元素出现问题。 一、显示元素 （一）块级元素 div、p、h1-h6、form、ul、ol、dl、dt、dd、li、table、tr、td、th、hr、blockquote、address、table、menu、pre HTML5：header、section、article、footer等等，还...
行内元素、块级元素和行内块元素
不是独角兽的博客
05-09 9353
HTML 可以将元素分类方式分为行内元素、块级元素和行内块元素. 使用display属性能够将三者任意转换: display:inline;// 转换为行内元素 display:block;// 转换为块级元素 display:inline-block// 转换为行内块元素 行内元素 行内元素:（a，span，i，em，strong，b，label） 行内元素最常使用的就是span，其他的只在特定功能下使用. 行内元素特征: 设置宽高无效 对margin仅设置左右方向有效，...
css中的块元素、行内元素和行内块元素的区别
_纳川
07-21 742
1.HTML中的块元素、行内元素的说明 根据CSS规范的规定，网页的每一个元素都有一个display属性，用于确定该元素的类型，每一个元素都有默认的display属性值，比如div、form、h1-h6、ol、ul、p、menu等块元素，它的默认display属性值为“block”，成为“块级”元素(block-level)；而span、img、a、b、i、select、strong、u、var、...
块元素和行内元素的特点
haha-zhao的博客
04-09 3348
块元素特点： 1.独占一行 2.元素的宽高和内外边距都可以设置 3.宽度如果不设置就是父级元素的100% 常见的块元素有以下几种：p div table h1 h2 h3 h4 h5 h6 ul ol li 行内元素特点： 1.和其他元素可以在同一行 2.不能设置宽高，不能设置内外边距 3.宽度就是图片或文字的宽度，不可以改变 常见的行内元素有以下几种：span img br input ...
css块元素，行内元素，行内块元素详解
OYJP666的博客
07-17 678
带你了解什么是css的块元素，行内元素，行内块元素
行内和块元素
04-18
对HTML中的各种元素进行分类，初学者不至于弄混行内元素和块元素
行内块级元素.txt
02-06
3. **内容高度**：行内元素的高度和宽度由内容决定，不能通过CSS改变大小。 4. **不能包含块级元素**：行内元素只能包含其他行内元素，而不能包含任何块级元素。 常见的行内元素包括但不限于： - `<span>`：用于...
浅谈CSS块级元素与行内元素(内联元素)的区别和联系
12-13
最常见的就是P和div这两个，说的简单点，块元素就好比一个四方块，可以放其他的四方块，并可以呈现在页面上任何地方。默认情况下块元素，是独占一行的。常见的块元素：div、h1-h6标题、form（只能用来容纳其他块元素...
HTML-01.新浪新闻-标题-排版
程小白的博客
08-02 202
-- 编码字符集为UTF-8 -->-- 设置浏览器的兼容性 -->焦点访谈：中国底气 新思想夯实大国粮仓_新浪新闻-- 1.图片标签：src：指定图像的url（绝对路径/相对路径）width：图像的宽度 [像素（单位px）/相对于父元素（
前端Web-JavaScript(上)
Yu2uki的博客
07-31 1414
JavaScript（简称：JS） 是一门跨平台、面向对象的脚本语言，是用来控制网页行为的，实现人机交互效果。JavaScript 和 Java 是完全不同的语言，不论是概念还是设计。但是基础语法类似。组成：ECMAScript: 规定了JS基础语法核心知识，包括变量、数据类型、流程控制、函数、对象等。BOM：浏览器对象模型，用于操作浏览器本身，如：页面弹窗、地址栏操作、关闭窗口等。DOM：文档对象模型，用于操作HTML文档，如：改变标签内的内容、改变标签内字体样式等。
高德地图离线版 使用高德地图api的方法
最新发布
m0_62336925的博客
08-02 324
然因为高德地图的瓦片地图太大，所以要让后端部署下 前端直接调用 如果本地 直接找到瓦片图路径就可以。这个代码把你想用的方法名保存到本地。这个时候会报错 因为没有这个方法。然后就可以正常使用这个方法拉。然后使用他的离线方法。找到对应的名字 复制。
【分享】前端程序员-技术网站推荐
一位前行者的博客
07-30 896
对于前端开发人员来说，以下是一些推荐的技术网站，这些网站提供了丰富的资源和知识，可以帮助你提升前端开发技能：收集一些 、、 的网站 vite 官方中文文档 element-plus 官方中文文档 pinia 官方中文文档 vue-router 官方中文文档 Tailwind CSS 官方文档 vitest 官方中文文档 es6 中文文档 axios 官方中文文档 vxetable 官方中文文档 lodash 中文文档 echarts 官方中文文档 animat
前端面试：项目细节重难点问题分享（十四）
weixin_49062485的博客
08-02 384
更多详情：爱米的前端小笔记（csdn~xitujuejin~zhiHu~Baidu~小红shu）同步更新，等你来看！都是利用下班时间整理的，整理不易，大家多多👍💛➕🤔哦！你们的支持才是我不断更新的动力！
块级元素和行内块元素的区别
05-29
块级元素和行内块元素的主要区别如下： 1. 块级元素会独占一行，而行内块元素不会独占一行，可以和其他行内元素在同一行上显示。 2. 块级元素可以设置宽度、高度、边距和内边距，而行内块元素只能设置水平方向的边距和内边距，不能设置垂直方向的边距和内边距。 3. 块级元素可以容纳其他块级元素和行内元素，而行内块元素只能容纳其他行内元素。 4. 块级元素可以设置display属性为inline-block来显示为行内块元素的效果，而行内元素不能设置为块级元素的效果。 常见的块级元素有div、p、h1-h6、ul、ol、li、table、form等，常见的行内块元素有img、input、button、select、textarea等。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值