CSS标签分类(块元素 行内元素 行内块元素)

总之就是非常想学CSS——新人学习笔记(Part Five) 本文介绍了HTML标签的分类和CSS三大特性。标签按显示方式分为块元素(独占一行,可设宽高)、行内元素(同行显示,宽高由内容决定)和行内块元素(同行显示且可设宽高),三者可通过display属性互相转换。CSS三大特性包括:层叠性(后写样式覆盖先写)、继承性(嵌套关系中文字属性可继承)和优先级(!important>行内样式>ID选择器>类选择器>标签选择器>默认样式)。文章还通过代码示例说明了!important的用法。 阅读详情

块标签:div p h1-h6 hr ul ol li dl dd dt form 

            ①支持宽高,自上而下排列

            ②不受空格影响

            ③一般用于其他标签的容器

            ④默认宽度为100%(独占一行)。

行内标签:span i a b strong em sub sup u label br font

             ①不支持宽高(宽高根据内容大小自动撑开),自左向右排列

             ②受空格影响

             ③不独占一行

行内块标签:img  textarea  input

               ①支持宽高,自左向右排列

               ②受空格影响

               ③不独占一行

标签之间的转换

display:inline(转为行内元素)

              inline-block(转为行内块元素)

              block(转为块元素)

              none(隐藏 不显示)

注意:当元素浮动(float)时会转化成行内块元素特点。

HTML+CSS部分知识点整合(结合案例实际运用归纳) HTML+CSS制作静态页面第一部分 基础知识HTML各个标签的分类以及用途行内元素丶块级元素以及行内块元素合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 第一部分 基础知识 HTML各个标签的分类以及用途 HTML的众多标签可以分为两大类 阅读详情

相关推荐

COLMAP性能优化实战:如何用GPU加速和并行计算让重建速度提升300%

本文详细介绍了如何通过GPU加速、并行计算和参数调优显著提升COLMAP的三维重建效率。从硬件资源分配到计算流程优化,再到大型数据集的分块处理策略,全面解析了将重建速度提升300%以上的实用技巧,特别适合处理无人机航拍和室内扫描等大规模三维重建项目。

weixin_29098391的博客 202

行内块元素有哪些标签_行内元素和块级元素的区别有哪些?

1、常见行内元素和块级元素1、行内元素<span>、<a>、<br>、<b>、<strong>、<img>、<input>、<textarea>、<select>、<sup>、<sub>、、<del>2、块级<em>元素<add...

weixin_39907922的博客 9927

CorelDRAW 2019安装指南:从下载到激活的完整步骤

本文提供了一份详细的CorelDRAW 2019安装指南,涵盖从下载安装包、检查系统环境到完成激活的完整步骤。文章重点解析了安装过程中的关键选项设置,并分享了首次启动后的优化配置与常见问题解决方案,旨在帮助用户高效、顺利地完成这款经典矢量设计软件的安装与配置。

weixin_29213827的博客 838

行内块元素有哪些标签_html的行内元素与块级元素总结

希望大家补充一下常见的块级元素与行内元素~如有错误,请大家在评论区指出,一起进步!一、区别二、常见的块级元素:p:段落标签div:把DIV看作是一容器,容器专门用来包含内容h1、h2… …:标题form:表单ul:无序列表,与li绑定ol:有序列表,与li绑定hr:分隔三、常见行内元素:a:锚点b:加粗i :斜体img:图片input:输入框label:表格标签select:下拉列表span:用来...

weixin_39950010的博客 653

Palabos User Guide中文解读 | 第一章 | 介绍

译者的话:本人在学习palabos时,发现国内中文资料甚少,恰好网上可以直接搜到palabos user guide这种英文资料,加之时间充裕,便打算开始翻译,能不能完成全本翻译再说,而且文中我也会标记我不确定的地方,以传达意思为主,翻译不当的地方还请各位读者帮忙指正。 Palabos User Guide Release 1.0 r1 Copyright © 2019 University of...

Yulan Fang's notes. 6977

从零构建锂电池主动均衡系统:Simulink仿真中的Buck-Boost拓扑实战指南

本文详细介绍了如何在Simulink中从零构建基于Buck-Boost拓扑的锂电池主动均衡系统。通过仿真环境搭建、参数优化、控制策略设计和性能评估,为工程师提供了完整的实战指南,帮助快速验证和优化均衡算法,提升电池组一致性与寿命。

gitlab7runner的博客 897

css中的行内元素

行内元素又称为内联元素。内联元素(inline element)包括: * a - 锚点 * abbr- 缩写 * acronym - 首字 * b - 粗体(不推荐) * bdo - bidi override * big - 大字体 * br - 换行 * cite - 引用 * code - 计算机代码(在引用源码的时候需要) * dfn - 定义字段 * em -...

在安静的地方安静地生活 7511

CMake安装grpc生成gRPCTargets.cmake文件

以下是安装语句: cd grpc_folder git submodule update --init cmake .. make -j 4 sudo make install 然而编写依赖gRPC的程序,发现无法调用gRPC的CMake文件,错误提示如下所示: include could not find load file: /usr/local/lib/cmake/g...

2330

前端面试html自检(先看问题 自己自述一遍 不会再看答案 )

推荐大家的使用本篇文章的方式,先看问题自己会不会,如果会的话,要自己说一遍,组织好语言。

qq_41867900的博客 836

算法设计与分析 0-1背包问题 动态规划解法【超详细】

0-1背包问题 问题描述 给定i个物品和一个容量为的背包,物品的重量是Wi,其价值为Vi 物品个数为i,背包容量为C。 如何选择装入背包内的物品,使得装入背包中的物品的总价值最大? 其中,每种物品只有全部装入背包或不装入背包两种选择。 物品不能分割,不能重复使用。 动态规划算法思路 首先建立一个数组B[i][c],最上面一行表示背包容量,最左边一列表示物品编号,中间填充的数值表示当当前背包容量为C...

寒泉 4万+

STM32实战开发(110):基于STM32的智能地震监测系统开发

地震监测系统是自然灾害预警体系中至关重要的一部分。随着地震灾害的频发和对自然灾害预测精度要求的提高,智能地震监测系统逐渐成为研究的热点。STM32作为一款高性能的微控制器,凭借其强大的处理能力和丰富的外设接口,在地震监测领域中得到了广泛应用。本篇文章将详细介绍如何使用STM32实现一个智能地震监测系统的开发过程,涵盖硬件设计、软件编程、系统实现及相关代码。通过集成加速度传感器、地震数据采集、实时数据处理和无线数据传输功能,我们可以设计一个高效、稳定的智能地震监测系统。

2201_76125393的博客 710

前端基础——行内块级元素、常用标签(注释、a、base、特殊、列表

前端基础——行内块级元素、常用标签(注释、a、base、特殊、列表、表格)

qq_52301431的博客 2287

基于树莓派4B设计的厨房环境监测系统_368

本项目设计并实现了一种基于树莓派4B的厨房环境监测系统,提升厨房使用过程中的安全性与智能化水平。系统采用树莓派4B作为主控核心,集成DHT11温湿度传感器、MQ2烟雾传感器、火焰传感器、光敏传感器、水滴检测传感器等多种传感器,实现对厨房环境温湿度、烟雾、火焰、光照与溢水等参数的实时监测,并通过蜂鸣器进行本地报警。系统通过WIFI连接互联网,利用MQTT协议将环境数据上传至华为云物联网平台,实现远程可视化监控。

415

CSS标签分类(块元素 行内元素 行内块元素)

CSS标签分类(块元素 行内元素 行内块元素)一、块标签二、行内标签三、行内块标签之间转换 一、块标签 div p h1-h6 hr ul ol li dl dd dt form 1.支持宽高,自上而下排列 2.不受空格影响 3.一般用于其他标签的容器 4.默认宽度为100%(独占一行)。 二、行内标签 span i a b strong em sub sup u label br font 1.不支持宽高(宽高根据内容大小自动撑开),自左向右排列 2.受空格影响 3.不独占一行 三、行内块

MISS_zhang_0110的博客 800

efm32 入门.pdf

本PDF共计22页,介绍的是操作驱动API,下载与否自己斟酌。

SIMATIC S7-1200, S7-1500 PID 控制[手册]

SIMATIC S7-1200, S7-1500 PID 控制[手册]

行内块元素有哪些标签_好程序员分享CSS标签的分类、及显示模式

好程序员分享CSS标签的分类、及显示模式,标签的类型(显示模式) HTML标签一般分为块标签和行内标签两种类型,它们也称块元素和行内元素。一、块级元素(block-level)每个块元素通常都会独自占据一整行或多整行,可以对其设置宽度、高度、对齐等属性,常用于网页布局和网页结构的搭建。常见的块元素有~、、、、、等,其中 标签是最典型的块元素。特点:(重要) 1、独占父亲一行,宽度默认是容器的10...

weixin_39926103的博客 451

锂电池充电器电路设计 里面有电路

锂电池充电器电路设计 里面有电路 3.7V升压到5V电路设计。

CSS浮动解析(float)

一、基础知识:标签分类 1. 块元素 独占一行;可设置宽高 如:div、h1-h6、p、ul li 2. 行内元素 在同一行显示;不能直接设置宽高,元素的宽高就是内容撑开的宽高 如:span、a、strong、em 3. 行内块元素(内联元素) 在同一行显示;可设置宽高 如:img 二、CSS 浮动原理(块元素 → 行内块元素) 根本上讲,只有块元素才能设置浮动,浮动后转换为行内块元素(内联元素) 行内元素、行内块元素(内联元素)

少女畅的专栏 374

Data-Structures-and-Algorithm-Analysis-in-Java.pdf

作者: Weiss, Mark A. 出版社: Addison Wesley Data Structures and Algorithm Analysis in Java is an “advanced algorithms” book that fits between traditional CS2 and Algorithms Analysis courses. In the old ACM Curriculum Guidelines, this course was known as CS7. This text is for readers who want to learn good programming and algorithm analysis skills simultaneously so that they can develop such programs with the maximum amo...

重学前端 概括元素(行内元素,块元素,行内块元素)和属性 / 大小写不敏感 / 详解标题标签 [em和px、源css] / 详解分割线hr标签(初见border / 详解auto)(第二天)

什么是HTML 元素(标签) 行内元素/内联元素(inline) 块元素(block) 行内块元素(inline-block) 属性 对大小写不敏感 标题 什么是em?和px是什么关系? h的源css(font-weight / margin-block / margin-inline ) p 分割线(hr) auto border

全网同名:PBitW,更多内容,可以搜索《普通前端进阶记》 1238

样式转换详解:块级元素/标签/样式、内联元素/标签/样式、 行内块元素/标签/样式

这里写目录标题一级目录一级目录一级目录一级目录二级目录三级目录 一级目录 标签的特征: 块级元素/标签/样式:span、a、i、em、strong、sub、sup、img(特例、支持宽高) 内联元素/标签/样式:div、p、h1-h6、 行内块元素:input 一级目录 1、没有宽度时,默认宽度100% 2、支持宽高 3、独占一行 (列展示) 4、支持所有css命令 一级目录 1、 默认内容撑开宽高 2、不支持宽高 3、 可以继续跟同类标签(横排展示、 4、 不支持上下的margin 5、上下paddi

君莫笑 775

css002:标签分类,css三大特性

一,常用的文本标签: 二,样式书写位置: ◆内嵌式写法 使用嵌入式方式,也就是说每个页面都需要定义的,如果一个网站有很多页面,每个文件都会变大,后期维护成本会很高。如果文件很少,CSS代码也不多,这种方式是比较好的选择。 <head> <style type=”text/css”> 样式表写法 </style> </head> ◆外链式写法...

weixin_44699728的博客 344

css笔记2(三种样式表写法、标签分类、块元素、行内元素转换、CSS三大特性、链接伪类、文本修饰、背景属性)

2019/04/10 1.三种样式表写法 内嵌式写法 <head> <style type="text/css"> </style> </head> 只作用于当前文件,没有真正实现结构表现分离 外链式写法 <link rel="stylesheet" href="css/all.css"> 作用范围是当前站点,作用范围广,实现...

CHIDA A 334

css学习总结(一)

标签选择器可以选出所有相同的标签,比如p,但是不能差异化选择,使用情况较多。类选择器可以选出一个或者多个标签,可以根据需求选择,使用情况非常多。ID选择器一次只能选择一个标签,ID属性只能在每个HTML文档中出现一次。通配符选择器可以选择所有的标签,选择的太多,有时候部分不需要,在特殊情况下使用。如果是修改样式,类选择器使用最多。

2301_80842172的博客 1263

css基础(css书写 背景设置 标签分类 css特性)

css书写位置 行内式写法 <p style="color:red;" font-size:12px;></p> 外联式写法 <link rel="stylesheet " href="地址" type="text/css"/> 嵌入式写法 <style type="css/styleshe...

darrk1234的博客 110

学习:CSS(3)[元素显示模式]

(1)情况一个模式的元素需要另外一种模式的特性(2)语法a.行内元素转换为块元素(重要)b.块元素转换为行内元素c.转换为行内块元素(重要)

2401_86092438的博客 270

HTML元素分类及特点

一.HTML元素分类及特点 1.块级元素 常见的块元素: body、 h1~h6、 p、 div、 table、 form、 ul、 ol、li 块级元素的特点: 每个块独占一行,不与其他元素共行显示 可以手动设置宽高 默认宽度与父元素保持一致(table除外,table的默认宽度与td单元格内容相关) 行内元素 常见的行内元素: span 、lable 、a 、b、 i、stron...

白走刀口的博客 2569

02 css特性及样式表分类

1. css三大特性 css语法具有以下三大特性:层叠性、继承性、优先级。 层叠性 所谓层叠性是指多种CSS样式的叠加。 如果一个属性通过两个相同选择器设置到同一个元素上,那么这个时候一个属性就会将另一个属性层叠掉。 比如先给某个标签指定了内部文字颜色为红色,接着又指定了颜色为蓝色,此时出现一个标签指定了相同样式不同值的情况,这就是样式冲突。 一般情况下,如果出现样式冲突,则会按照CSS书写的顺序...

雨希的博客 529

html css面试题

外边距是调整盒子在页面中的位置的,它的属性有:margin-left,margin-top,margin-right,margin-bottom,分别对应的是左,上,右,下,例如margin-left:50px;在我们的页面布局当中,我们会经常使用浮动,浮动是很重要的,因为在布局中我们经常使用块元素,而块元素的特点是独占一行 ,所以我们在水平布局上无法布局,那么浮动就可以解决无法在水平方向上的布局的困扰,设置浮动的元素会脱离文档流。那么1em=20px,2em=40px;Important;

weixin_65607135的博客 1258
上一篇: 2016美团笔试 奇数位丢弃
下一篇: 几种导航栏练习
makelucky
博客等级 码龄9年 26粉丝 135原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值