HTML的标签类型 以及通过CSS改变标签的显示类型

最新推荐文章于 2024-04-09 08:47:15 发布
原创 最新推荐文章于 2024-04-09 08:47:15 发布 · 1.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#HTML #标签 #CSS

HTML有N多标签，根据显示的类型，主要可以分为3大类
块级标签
独占一行的标签
能随时设置宽度和高度（比如div、p、h1、h2、ul、li）

行内标签（内联标签）
多个行内标签能同时显示在一行
宽度和高度取决于内容的尺寸（比如span、a、label）

行内-块级标签（内联-块级标签）
多个行内-块级标签可以显示在同一行
能随时设置宽度和高度（比如input、button）


修改标签的显示类型

CSS中有个display属性，能修改标签的显示类型
none：隐藏标签

block：让标签变为块级标签

inline：让标签变为行内标签

inline-block：让标签变为行内-块级标签（内联-块级标签）


CSS | 盒类型 与 display 显示属性
MGsniper的博客
01-23 807
文章目录前言盒类型1.块级元素与块盒1.1块级匿名盒2.行内元素与行盒2.1行内匿名盒display 属性 前言 本文重点讲述CSS 2.1规定的盒类型，以及相应的display属性。flex，grid等CSS3内容会另开新篇。 盒类型 1.块级元素与块盒 1.1块级匿名盒 2.行内元素与行盒 2.1行内匿名盒 display 属性 inline block inline-block none ...
浅谈JS对html标签的属性的干预以及对CSS样式表属性的干预
11-30
本文将探讨JS如何干预HTML标签的属性以及CSS样式表属性，以实现网页样式的实时变化。 首先，JS可以直接操作HTML元素的属性。在HTML中，每个标签都有其特定的属性，如`<link>`标签的`href`属性用于指定CSS样式表的...
HTML标签类型
weixin_34221773的博客
11-02 142
标签分类： 一、块标签：块标签是指本身属性为display:block;的元素。 1.默认占一行可以设置宽高， 2.在不设置宽度的情况下，块级元素的宽度是它父级元素内容的宽度 3.在不设置高度的情况下，块级元素的高度是它本身内容的高度 ...
HTML标签类型以及CSS如何改变标签类型
glt_code的博客
01-15 1328
HTML标签类型以及CSS改变标签类型
CSS标签的类型(显示模式)
松一160
04-01 799
一、标签的类型 HTML标签一般分为块标签和行内标签两种类型，它们也称块元素和行内元素。具体如下： 二、块级元素(block-level) 每个块元素通常都会独自占据一整行或多整行，可以对其设置宽度、高度、对齐等属性，常用于网页布局和网页结构的搭建。 常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol&...
CSS修改标签样式
Insect_17的博客
11-08 1417
1、内部样式表 2、外部样式表 CSS修饰标签的样式，有 "内联" 和 "外引" 两种方式。 对于大部分标签，以上两种方法均可，且修改父级标签，子级标签特性也会改变。但某些标签确无法通过修改父级标签来改变子级标签特性，如a标签，修改其颜色特性，必须直接修改 a 标签的特性才可。 实例： <a href="#" style="color:red;" rel="nofollow">只能使用"内联"方式</a> 参考： HTML CSS | 菜鸟教程 ...
CSS实现鼠标悬停改变其他标签样式的示例代码
11-19
CSS 实现鼠标悬停改变其他标签样式的示例代码 在 CSS 中，我们可以使用悬停伪类 (`:hover`) 来实现鼠标悬停改变其他标签的样式。根据控制标签与被控制标签之间的关系，可以将控制其他标签分为三种类型。 第一种：...
使用纯css禁用html中a标签无需JavaScript
09-28
这个知识点的核心在于探讨是否可以仅通过CSS属性来使a标签失去原有的点击功能，而不需要借助JavaScript代码。从描述中我们知道，尽管CSS无法完全替代JavaScript来实现a标签的禁用，但仍有一些方法可以尽可能地接近这...
CSS表格边框50多种精美标签样式(边框也精彩)
02-27
本资源"CSS表格边框50多种精美标签样式(边框也精彩)"聚焦于如何利用CSS来美化表格的边框，使数据展示更加吸引人。以下将详细介绍这些标签样式，并探讨其在不同场景下的应用。 首先，CSS提供了多种属性来控制表格...
CSS 标签的类型
HelloWord176的博客
09-07 231
HTML元素分为：块元素、行元素、行内块元素！ 友情链接 一、块元素 特点： 1.总是从新的一行开始（独占一行）； 2.高度、宽度都是可控的； 3.宽度没有设置时，默认是它本身父容器的100%； 4.块级元素中可以包含块级元素和行内元素； ...
各种的标签
weixin_38945490的博客
03-06 676
1. 是声明当前的网页是html5类型 html标签，里面包含head标签：里面包含meta标签和title标签 和body标签：主题内容在网页上显示 这个是当前的语言环境为英语 这个是编码格式，网页的编码格式全部默认为utf-8 2.标题标签：h标签 从到,加粗，字体从大到小，是块元素 按F12是检测界面 3.水平线标签：hr标签,自闭合标签，也是块元素 4.段落标签: 标签，块元素，功能就是分段 5.折行标签：标签，自闭合标签，强制换行，块元素 6.文本格式化标签: 标签：加粗，行元素 标签：加
3.CSS 三大特性
清风
12-08 391
文章目录0.谷歌浏览器开发者工具1. CSS三大特性1.1继承性1.2层叠性1.3优先级1.间接选中2相同选择器3不同选择器4提升优先级5优先级的权重1.id多的优先2.类名多优先3.标签名多优先4.个数都相等2.div/span标签2.1div标签2.2span标签2.3错误示范3.元素的显示模式3.1块级元素3.2行内元素3.3行内块元素3.4元素显示模式转换1.元素显示模式转换(转行内)2.元素显示模式转换(转块级)3元素显示模式转换(转行内块级)4.练习(百度首页) 0.谷歌浏览器开发者工具 快捷键
html标签类型
qqqxiaxia的博客
07-28 325
html的标签类型有块级，行级，行内块级。不同的类型在用法上有其特点。 块级标签：无论其内容多少，它都会占一行的空间，会自动换行，可以给它设置宽高。div,p,h1到h6标签等都是块级标签。 行级标签：内容多少，他的宽高就多少。不能设置它的宽高。s,a,b,i,span等是行级标签。 行内块级：内容多少，他的宽高就多少。但是可以设置其宽高。img，input等是行内块级。 它们之间也可
09-CSS标签的类型
延成的博客
04-25 199
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>常见的标签的类型</title> <style> div{ background-color: red; width: 200px; height: 80px;
标签的分类
li2406608527的博客
08-29 1743
三种标签 在HTML中，分为三种标签，分别为：行内标签；行内块标签；和块级标签。 行内标签 <!-- 行内标签：不独占一行 不可以设置宽高 span em strong a --> <!-- <span> 我是span标签 </span> <em> 我是em标签 </em>
CSS标签分类
weixin_52629592的博客
06-19 1057
块级标签: 无论内容的多少,都只会占用一行的标签称为块级标签常用块级标签如下: ,,,块级标签可以设置标签的宽高默认大小: 宽: 与父级标签的宽一致 高: 0/与内容的高一致行级标签: 只占自身大小的标签，不会占一行的称为行级标签行级标签不能设置宽高常见的行级标签如下: ,,行级块标签:可以设置大小,但不占一行的标签称为行级块标签常见的行级块标签如下: , 运行结果如下: 我们可以看到,块级标签每次占用了一行的位置.而行级标签只占...
css入门(三)标签的类型
无名小辈
03-04 448
一.标签 块级标签 h1 p div ul ol li 行内标签 a strong b em i del s ins u span 行内块标签 img input td 块级元素的特点: 1.一人独占一整行或者多行可以对其设置高度,宽度对齐等属...
CSS常用标签
最新发布
2401_83374873的博客
04-09 1524
14 字{font-stretch:condensed|expanded|extra-condensed|extra-expanded|inherit|narrower|normal| semi-condensed|semi-expanded|ultra-condensed|ultra-expanded|wider}3 边框宽度 {border-width:border-top-width border-right-width border-bottom-width border-left-width}
CSS基础及常用的一些标签
SunsetGirl的博客
04-13 6970
CSS 指的是层叠样式表 ，CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素 CSS 节省了大量工作。它可以同时控制多张网页的布局，外部样式表存储在 CSS 文件中
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值