首页 > 其他分享 >H5-13 块元素与行内元素(内联元素)

H5-13 块元素与行内元素(内联元素)

时间:2024-12-02 11:45:05浏览次数:7  
标签:块级 13 行内 元素 H5 content 内联 height

1、块元素与行内元素(内联元素)

  HTML5出现之前,经常把元素按照块级元素和内联元素来区分。在HTML5中,元素不再按照这种方式来区分,而是按照内容模式来区分,分为元数据型(metadata content

)、区块型(sectioning content)、标题型(heading content)。元素不属于任何一个类别,被称为穿透的、元素可能属于不止一个类别,成为混合的。

2、内联元素和块级元素的区别:

  块级元素:块元素会在页面中独占一行(自上向下垂直排列);可设置width,height属性;一般块级元素可以包含行内元素和其他块级元素。

  内联元素:行内元素不会独占页面中的一行,只占自身的大小;行内元素设置width,height属性无效;一般内联元素包含内联元素不包含块级元素。

  常见块级元素:

  div、form、h1-h6、hr、p、table、ul等

  常见内联元素(行内元素):

  a、b、em、i、span、strong等

  行内块级元素(特点:不换行、能够识别宽高):

  button、img、input等

 

标签:块级,13,行内,元素,H5,content,内联,height
From: https://www.cnblogs.com/zhangxiaoguo/p/18581378

相关文章

  • CH592_IAP升级步骤
    1、打开名为:McuProgramIAPTool.exe的工具,工具界面如图:注:仅下载界面有效2、确保当前2.4G接收器插在电脑上,并保证2.4G处于连接状态,这样才能让接收器把PC下传的升级固件数据透传给模块端3、选择接口:mi_034、点击搜索按钮,如果插入了2.4G接收器,会枚举到对应设备,返回已连接信息......
  • 13TB的StarRocks大数据库迁移过程
      公司有一套StarRocks的大数据库在大股东的腾讯云环境中,通过腾讯云的对等连接打通,通过dolphinscheduler调度datax离线抽取数据和SQL计算汇总,还有在大股东的特有的Flink集群环境,该环境开发了flink开发程序包部署,实时同步数据。   公司业务帆软报表平台有40张左右的报表......
  • 块级元素不能包含其他块级元素有那些?
    这个问题的提法略有不准确。并非所有块级元素都不能包含其他块级元素。大部分块级元素是可以包含其他块级元素的。只有少数几个块级元素不能包含其他块级元素,或者限制了可以包含的元素类型。以下是不能包含其他块级元素,或者有严格限制的块级元素:<p>(段落):<p>元素不能包......
  • css的哪个属性可以把所有元素或其父元素的属性重置呢?
    CSS中没有一个单一的属性可以重置所有元素或其父元素的所有属性。要实现类似的效果,需要结合使用不同的技巧和策略:1.使用all属性:all属性可以用来重置元素的大部分(但不是所有)CSS属性到它们的初始值或继承值。它接受以下值:unset:如果属性是可继承的,则将其重置为继承......
  • 如何取消从父级元素继承下来的CSS样式呢?
    要取消从父级元素继承下来的CSS样式,你可以使用以下几种方法:1.使用all:unset;这是最简单粗暴的方法,它会将所有继承的属性重置为它们的初始值,包括font、color、line-height等。相当于同时使用了inherit:initial;和all:initial;。.child{all:unset;}2.使用a......
  • 如何将元素的所有css属性恢复为初始化状态?
    要将元素的所有CSS属性恢复为初始化状态,最有效的方法是移除所有内联样式,并移除所有自定义的class和id选择器,从而让浏览器应用默认的样式。以下几种方法可以实现:移除内联样式:这是最直接的方法,特别是当样式是直接通过JavaScript的element.style属性添加的时候。ele......
  • 如何解决易优CMS中 General error: 1366 Incorrect string value 错误?
    解决易优CMS中 Generalerror:1366Incorrectstringvalue 错误的方法主要包括以下几个步骤:升级MySQL版本:如果当前使用的MySQL版本低于5.5,建议首先将MySQL版本升级到5.7或更高版本。新版本的MySQL已经全面支持 utf8mb4 编码,能够更好地处理4字节字符。修改数据库字......
  • 易优CMS 中出现 SQLSTATE[HY000]: General error: 1366 Incorrect string value 错误
    在使用易优CMS时,如果遇到 SQLSTATE[HY000]:Generalerror:1366Incorrectstringvalue 错误,通常是因为数据库字段不支持某些特殊字符或表情符号。这些字符在UTF-8编码中占用4个字节,而易优CMS默认的数据库编码是UTF-8,只能支持最多3个字节的字符。因此,需要将数据库编码从UTF-8......
  • # 学期(如2024-2025-1) 学号(如:20241325) 《计算机基础与程序设计》第十i周学习总结
    作业信息这个作业属于哪个课程<班级的链接>(如2024-2025-1-计算机基础与程序设计)这个作业要求在哪里<作业要求的链接>(如2024-2025-1计算机基础与程序设计第十周作业)这个作业的目标<信息系统数据库与SQL人工智能与专家系统人工神经网络模拟与离散事......
  • 2024-2025-1 20241312 《计算机基础与程序设计》第10周学习总结
    作业信息这个作业属于哪个课程<班级的链接>(如2024-2025-1-计算机基础与程序设计)这个作业要求在哪里<作业要求的链接>(如2024-2025-1计算机基础与程序设计第十周作业)这个作业的目标信息系统数据库与SQL人工智能与专家系统人工神经网络模拟与离散事......