html学习——块元素和行内元素

最新推荐文章于 2022-10-15 18:23:22 发布

greedyguttler

最新推荐文章于 2022-10-15 18:23:22 发布

阅读量75

点赞数

分类专栏： html学习新手学习文章标签： html

本文链接：https://blog.csdn.net/greedyguttler/article/details/113918112

版权

新手学习同时被 2 个专栏收录

20 篇文章 0 订阅

订阅专栏

html学习

17 篇文章 0 订阅

订阅专栏

块元素和行内元素

块元素

无论内容多少，该元素独占一行

例如p标签和标题标签等等

<p>我独占一行</p>
<h1>我也独占一行</h1>

行内元素

内容撑开宽度，左右都是行内元素可以摆在一行

例如超链接a标签，斜体em标签，换行br标签

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

greedyguttler

关注关注

0
点赞
踩
0

收藏

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

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

1-3、网页布局1——块元素/行内元素/行内块元素

ss 的博客

04-29

1406

三、行内元素和块元素

HTML基础——HTML元素分类和特点总结

qq_50308970的博客

10-28

528

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 HTML基础——元素特点总结一、块元素二、行内元素三、行内块元素 一、块元素 <div></div> 网页中充当一个盒子 <h1></h1> 网页中的盒子充当标题使用自带特殊样式 <p></p> 网页中的盒子充当段落使用只能放文本标签 <table> 网页中的表格 tr 表示行 td 表示列 <tr> <

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

块元素、行内元素、行内块元素

热门推荐

FreeSpider

06-01

3万+

一、块元素 block element 块元素的特性独霸一行，总是在新行上开始宽度缺省是它父级元素的100%，除非设定一个宽度高度、行高、外边距、内边距都可以设置可以容纳其他内联元素或者其他块元素 常见的块元素 address – 地址 blockquote – 块引用 center – 举中对齐块 dir – 目录列表 div – 常用块级容易，也是CSS layo...

【HTML5-小知识】块元素、行内元素和行内块元素

luckyboy!的博客

08-14

4672

HTML常用标签掌握之后，应当进一步了解元素的三种类型，块元素，行内元素，行内块元素，掌握这三种元素类型的特点。以上就是今天要讲的全部内容，本文仅仅介绍了HTML中标签元素的三种类型，块元素、行内元素、行内块元素的通途和特点。在使用标签对网页布局和对文本惊醒排版很重要。...

前端面试题笔记-2-行内元素与块元素区别

qq_40020447的博客

03-04

218

一、区别（3） 1. 排列方式行内元素和其他行内元素都会在一条水平线上排列，都是在同一行的；块级元素却总是会在新的一行开始排列，各个块级元素独占一行，垂直向下排列; 若想使其水平方向排序，可使用左右浮动（float：left/right）让其水平方向排列，或者使用弹性布局（display:flex;flex-direction:row;） 2. 宽高属性行内元素不可以设置宽高，宽度高度随文本内容的变化而变化，但是可以设置行高（line-height）同时在设置外边距margin上下无效，左右有

行内元素和块级元素的区别

gao_zhennan的博客

10-15

4925

本文介绍了块级元素和行内元素的基本概念、内容模型和默认格式。

块级元素和行内元素的区别

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等等，还...

疑惑——行内块元素加了文字会被挤下来？

qq_41532892的博客

08-02

1017

代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> body {

前端学习（初识HTML 下）——表格、表单和元素

weixin_43866830的博客

03-13

4619

这里写目录标题一、HTML表格1.表格基本结构一、HTML表格 1.表格基本结构表格的基本结构就是 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>html课程表</title> </head> <body> <table border="1"> <caption>课程表</capti

行内元素和块元素区别

最新发布

04-11

行内元素和块元素是HTML中常用的两种元素类型，它们在布局和显示上有一些区别。 1. 行内元素（Inline Elements）： - 默认情况下，行内元素不会独占一行，它们会在同一行上水平排列。 - 行内元素的宽度和高度由其...

行内元素和块元素的区别

张大晴的博客

03-26

7388

块元素：不管内容多少，块元素都会在浏览器中独占一行。可设置宽高，如果不设置宽高那么它的宽度是100%（占满父级元素一整行）缺点：1.相邻元素垂直。相邻外边距会重叠。margin-bottom和margin-top重叠（重叠之后的值是两个值中的最大值）第一种解决方案：原理bfc相关 2.父子的相邻，父元素的margin-top和子元...

HTML 行内元素和块级元素全解析

Xiaoming's Blog

04-08

3864

行内元素（inline elements）和块级元素（block-level elements）行内元素：a、abbr、acronym、b、big、br、cite、code、dfn、em、font、i、img、input、kbd、label、q、samp、select、small、span、s、del、strike、strong、sub、sup、textarea、tt、u、var等块级元素：ad

行内元素、块级元素和行内块元素

不是独角兽的博客

05-09

9523

HTML 可以将元素分类方式分为行内元素、块级元素和行内块元素. 使用display属性能够将三者任意转换: display:inline;// 转换为行内元素 display:block;// 转换为块级元素 display:inline-block// 转换为行内块元素 行内元素行内元素:（a，span，i，em，strong，b，label）行内元素最常使用的就是span，其他的只在特定功能下使用. 行内元素特征: 设置宽高无效对margin仅设置左右方向有效，...

行内元素和块元素以及行内块元素的特点

weixin_30823001的博客

08-07

625

一、背景初学html，接触很多标签<h1>、<p>、<span>、<ul>、<em>等，当写出简单的小页面的时候，例如仅仅是一篇带有标题的文章，标题<h1>标签单独一行，不管后面有多大的空间；<p>标签中使用多个<em>给某些词做强调，但是<em>却和<p>中的其他...

行内元素，行内块元素，块元素的区别

小杨的博客

06-19

2627

行内元素，行内块元素，块元素的区别，行内元素，行内块元素，块元素的转换display

块级元素和行内元素（重点）

良雨

06-10

2万+

块级元素和行内元素（重点）块级元素每个块级元素通常都会独占一行或者是多行，可以对其单独设置高度,宽度以及对齐等属性。常见的块级元素有：<h1>~<h6>,<p>,<div>,<ul>,<ol>,<li> 等块级元素的特点：块级元素会独占一行高度，行高，外边距和内边距都可以单独设置宽度默认是容器的1...

HTML行级元素和块级元素区别和转化（displays属性）

qingyisuo的博客

01-03

2万+

1.块级标签与行级标签的区别： 1.块级元素可以设置宽高，行级元素不能设置宽高（只能根据文字来设置，比较特殊的是img\input是可以设置宽高）； 2.块级元素是独占一行，行级元素不行；2.块级元素和行级元素的转化 a.块级转行级例子：div->行级1.div为正常的块级标签时，与span行级文字时 <head> <meta charset

Html中行内元素有哪些？块级元素有哪些？

aoji3122的博客

10-30

511

1.关于行内元素和块状元素的说明根据CSS规范的规定，每一个网页元素都有一个display属性，用于确定该元素的类型，每一个元素都有默认的display属性值，比如div元素，它的默认display属性值为“block”，成为“块级”元素(block-level)；而span元素的默认display属性值为“inline”，称为“行内”元素。div这样的块级元素，就会自...

块级元素和行内元素

dianshensha1063的博客

05-29

387

一直对块级元素和行内元素的区别和特性有点模糊，于是各方参考总结一下，方便自己梳理知识：首先说一下什么是块级元素和行内元素块级元素，指自动占一行的元素，下一个元素（标签）会在新行开始，这行就是这个块级元素的地盘。例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF...