HTML+CSS 2021.3.23 显示模式

本文详细阐述了HTML中ID、类和标签的权重分配,强调了样式选择器的优先级规则。介绍了块级元素如
的特点,包括宽度默认为容器宽度、内联元素的限制等。同时,解释了行内元素的显示特性,如宽度不受控制,以及如何通过display属性进行元素类型的转换,实现布局的灵活性。
摘要由CSDN通过智能技术生成

权重:
ID的权重是100
类的权重是10
标签的权重是1
样式最后使用权重大的

比较霸道,自己独占一行;
可以控制width,height,对齐属性;
宽度默认是容器(父级元素宽度)的100%;
块元素内可以包含内元素或块元素。

常见的块元素有

<h6>

,

  • ,
    1. ,

    2. 文字的标签内不能使用块元素,比如

      ,

      ~

      等标签
      主要用于存放文字,因此标签内不能放块级元素。

相邻行内元素一行排列,一行可以显示多个;
width,height,对齐属性直接设置无效;
默认宽度是内容本身的宽度
行内元素只能容纳文本或其他行内元素。

常见的行内元素有,,,…
链接量不在放链接:
特殊情况链接
量可以放块元素,但是给

转换成行内元素:display: block
inlie:块

转换成块元素: display; bolck;
bloxk:块

转换成行内块元素display; inline-bolck;
inline-bolck:行内块

,,,同时具有块元素和行内元素的特点
一行显示多个,但两个元素之间有空白缝隙
默认宽度是内容本身的宽度
width,height可控制

/* 行内元素:
1.一行显示多个;
2.设置width,height无效;
3.默认的宽高是内容的宽高 */

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值