div概述，块级元素与内联元素

最新推荐文章于 2023-10-18 20:46:20 发布
最新推荐文章于 2023-10-18 20:46:20 发布
阅读量369 收藏
点赞数
分类专栏： html/css 文章标签： css3 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44415561/article/details/106721561
版权

div概述

1.默认宽度，自动将盒子宽度拉伸到最大
2.默认高度为0，可以由子元素的高度撑起来，因为父元素会始终包裹子元素
3.和h标签类似，前后元素会被换行

块级元素与内联元素

p元素不能装块级元素（在一行的元素）

块级元素：前后元素会被换行的元素就叫块级元素

h p ul ol dl li form div body html 等标签

内联元素：
高度不起作用

 a b u i strong input 等标签

在这里插入图片描述

摸鱼小馆
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
内联元素与块元素
Hemx的博客
02-03 231
内联元素(inline) 内联元素(inline)不会独占一行，相邻的内联元素会排在同一行。其宽度随内容的变化而变化。 内联元素不可以设置宽高 内联元素可以设置margin，padding，但只在水平方向有效。 常用内联元素 <a></a> <img></img> <iframe> </iframe> &l...
html——块级元素和行级元素
wjnjava的博客
09-06 642
标签分为两种类型 块级元素，行级元素 块级元素，行级元素区别： 块级元素：占一行，不与其他元素并列。可设置宽高，如果不设置宽高，默认是父级的宽度100%。 行级元素：可与其他元素并列，不能设置宽高，默认的宽度就是文字的宽度。可以设置（line-height）margin上下无效，padding上下无效。 块级元素和行内元素的分类： 在HTML的角度来讲，标签分为： 　　　　文本级标签：p , span , a , b , i , u , em 　　　　容器级标签：div , h系列...
块级元素、行内元素、行内块元素的区别
m0_59717262的博客
06-25 4081
不管块级元素还是行内元素，区别:一是排列方式，二是宽高边距设置，三是默认宽度。块级元素会独占一行，而行内元素和行内块元素则会在一行内显示；块级元素和行内块元素可设置 width、height 属性，而行内元素设置无效；块级元素的 width 默认为 100%，而行内元素则是根据其自身的内容或子元素来决定其宽度；而行内块级元素又同时拥有块级元素和行内元素的特点。
初识HTML(三)---div块级元素以及浮动和定位(超详细带演示)
热门推荐
代码哈士奇的博客
11-06 1万+
div块级元素 div是一个特别重要的标签 是块级元素 上代码，看图！ 手册 <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div style="width: 600px;height: 600px;background-color: black;"> <div style="width: 5
CSS浮动与定位、块级元素与内联元素
橘猫吃不胖的博客
10-21 1850
CSS浮动与定位、块级元素与内联元素 1 DIV的概念 2 页面布局步骤 3 CSS的定位机制 4 浮动属性 4.1 浮动的含义 4.2 浮动的实现 4.3 常见的浮动布局 4.4 清除浮动 5 定位属性position 5.1 相对定位relative 5.2 绝对定位absolute、fixed 6 visibility、display 7 块级元素与内联元素 7.1 块级元素 7.2 内联元素 7.2.1 内联盒模型 7.2.2 幽灵空白节点
div 块元素（block）与 span 内联元素（inline）
Java_c#
09-07 2313
在谈论CSS布局时，我们需要提前知道一些东西。对于html各种标签/元素，可以从块的层面做一个分类：要么是block(块元素)，要么是inline(内联元素)： block（块）元素的特点： ① 总是在新行上开始； ② 高度，行高以及外边距和内边距都可控制； block（块）元素的特点 效果： ③ 宽度缺省是它的容器的100%，除非设定一个宽度。 ④ 它可
BFC的神秘面纱
诸葛韩信--一个前往前端不归路的浪子
09-09 318
面试的时候，面试官有的时候会让你说说BFC。 那到底什么是BFC，什么条件下可以创建BFC，什么元素默认就是BFC的，什么css属性遵循什么方式就可以呈现BFC呢？ BFC的英文全写是Block formatting context，中文译文是块格式化上下文，是Web页面的可视CSS渲染的一部分，是块盒子的布局过程发生的区域，也是浮动元素与其他元素交互的区域。 可能直接理解什么是BFC困难了一些，我们可以先了解一下文档的三种布局定位方案。 一、三种文档流的定位方案 常规流(Normal flow) 常规流
html 内联元素和html 块级元素概述及区别
09-28
2. 内联元素内部可以包含块级元素，虽然不常见，但这样做可以改变内联元素的高度，比如在一个`<a>`标签中嵌套一个`<div>`。 了解这些基本概念后，开发者可以更有效地利用HTML和CSS来构建网页，实现所需的布局效果。...
div+css 教程
11-20
1. `div`基本概念：`<div>`是一个块级元素，它将内容包裹在一起，可以视为一个容器，用于组织和布局网页上的元素。 2. `div`属性：`div`本身没有特定的样式，但可以通过CSS进行样式定义，如设置背景颜色、边框、内...
html基础教程与使用
07-15
5. 块级元素与内联元素：`div`元素是块级元素，它能占据一整行并可以容纳其他元素。`div`常用于布局和组合内容。而`span`是内联元素，它只占据自身内容的宽度，常用于文本级别的样式控制。通过CSS，可以改变元素的...
DIVCSS网页标准化布局PPT学习教案.pptx
10-07
- **div**：是一个块级元素，常用于组合文档中大块的内容，并为其提供结构和背景。它可以包含任何其他类型的HTML元素，如段落、标题等。 - **span**：是一个内联元素，通常用于组合文档中的小块内容，并对其进行样式...
区块元素、内联元素（＜div＞元素、span元素）
weixin_47314602的博客
07-31 487
HTML区块元素: HTML内联元素: HTML元素 span元素 HTML 元素是块级元素，它可用于组合其他 HTML 元素的容器。 元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。 如果与 CSS 一同使用， 元素可用于对大的内容块设置样式属性。...
使div具有内联元素的特性
你难忘的
09-21 576
div{ display:inline; } ...... <div>我要变成内联元素</div> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> div{ display:inline; } </style> </hea.
HTML：div块级元素
weixin_42501053的博客
06-20 2893
div 布局的主要手段division 分割的学习方法:笔记案例 先看 再敲 语法 语句逻辑用编程的方式解决生活中的事务div 块级标签独占一行 前后隔行行级标签 流式布局CSSCascading Style Sheet级联(层叠) 样式 表通用性语法&lt;标签名 style="属性1:值1;...属性n:值n；"&gt;字典APIAPPLICATION INTERFACE应用程序 ...
DIV+CSS基础教程：块状元素和内联元素
thewebcode
03-12 153
在用CSS布局页面的时候，我们会将HTML标签分成两种，块状元素和内联元素（我们平常用到的div和p就是块状元素，链接标签a就是内联元素）。是在CSS布局页面中很重要的两个概念，必须要理解透彻！既然说到概念就先看看块状元素和内联元素的定义。 注：这节课看似挺长，其实内容很少，通过举例子让大家更容易理解而已，不要被眼前的文字和代码吓到哟~ 引用: 块状元素 一般是其他元素的容器，...
零基础CSS入门教程(24)–内联/内部/外部样式
程序员大阳
11-10 1284
点此查看全部文字教程、视频教程、源代码 本教程已配套视频教程，点此查看 本文目录1. 前言2. 内联样式3. 内部样式表4. 外部样式表5. 完整实例6. 小结 1. 前言 本篇比较轻松，没有具体的CSS样式语法，只是介绍下CSS代码的存放位置。来吧，跟我了解下。 2. 内联样式 内联样式，通过元素的style属性，直接在元素上编写： <!-- 内联样式 --> <div style="color:blue;font-size:2em;"> 努力努力再
html块级元素h1,div、h1 或 p 元素常常被称为块级元素
weixin_34569317的博客
06-30 2639
一切皆为框div、h1 或 p 元素时时被喻为块级元素。这象征着这些元素显示为一块模式，即“块框”。与之相反，span 与 strong 等元素称为“行内元素”，这是因为它们的内容显示生手中，即“行内框”。您可使用display 属性扭转天生的框的类型。这意味着，经由将 display 属性设置为 block，可让行内元素(比如 元素)显示得像块级元素一样。还可以通过把 display 设置装...
（零基础）HTML中的行内元素和块级元素
m0_64034224的博客
10-18 532
行内元素与块级元素是对HTML中众多元素的一种分类方式，本文将尽可能全面地说明如何区分行内元素和块级元素，并将介绍行内元素和块级元素的基本特性。 最后还会列举目前最常用的几种行内元素和块级元素。
【HTML学习】——块元素、内联元素、div元素、span元素
小杨的博客
05-30 781
文章目录块元素（block level element）内联元素（inline element）div元素span元素 大多数HTML元素被定义为块元素或者内联元素 块元素（block level element） 块元素在浏览器中显示时，通常会以换行开始 例如：<h1> <p> <ul> <table> 内联元素（inline element） 内联元素显示时不换行 例如：<b> <td> <a> &l
块级元素和内联元素的区别
最新发布
04-26
- 常见的块级元素有`<div>`、`<p>`、`<h1>`~`<h6>`等。 2. 内联元素： - 内联元素不会独占一行，可以与其他元素在同一行显示。 - 内联元素的宽度由内容决定，无法设置宽度、高度等属性。 - 内联元素的内外边距...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值