CSS 元素显示模式

190 篇文章 5 订阅 ¥199.90 ¥299.90
本文介绍了CSS中元素的显示模式,包括块级元素(如<h1>、<p>、<div>等)、行内元素(如<a>、<span>等)和行内块元素的特性和应用场景,并强调了元素显示模式在网页布局中的重要性。同时,文章提供了一些转换元素显示模式的方法,如将链接<a>转换为块级元素。
摘要由CSDN通过智能技术生成

我是表哥Harker,表妹我来咯~

表妹们学完了CSS的选择器,一些标签属性,写一个文本类的网页,大家应该都没什么问题,今天就来讲解下CSS中的元素显示模式,它能够让我们更好的在页面布局。前面学习过了很多标签,这些标签其实按照显示模式可以分类,掌握好本篇,你已经可以看懂40%其他开发工程师写的网页了。当然这是抛开JS等其他高级部分来说,就单结构和样式来说。

 

CSS 元素显示模式

网页的标签非常多,在不同地方会用到不同类型的标签,了解他们的特点可以更好的布局我们的网页。

元素显示模式就是元素(标签)以什么方式进行显示,比如<div>自己占一行,比如一行可以放多个<span>

HTML 元素一般分为块级元素和行内元素两种类型 , 还有一个比较特殊(行内块元素


1、块级元素 

  • 常见的块元素有 <h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等,其中 <div> 标签是最典型的块元素

块级元素的特点: 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

HarkerYX

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值