iis服务器助手广告广告
返回顶部
首页 > 资讯 > 精选 >CSS常用块元素有哪些
  • 600
分享到

CSS常用块元素有哪些

2023-06-14 18:06:09 600人浏览 八月长安
摘要

这篇文章将为大家详细讲解有关CSS常用块元素有哪些,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。css的块元素有:address、blockquote、dir、div、dl、fORM、hr、ol、p、pr

这篇文章将为大家详细讲解有关CSS常用块元素有哪些,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

css的块元素有:address、blockquote、dir、div、dl、fORM、hr、ol、p、pre、table、ul、caption、dd、fieldset、li、legend、noframes、noscript、h2–h7等。

教程操作环境:windows7系统、css3&&HTML5版、Dell G3电脑。

css块级元素的定义

根据W3C上的解释,就是说block(块级)元素是独占一行显示的。它的兄弟元素必定不会与其在同一行中(除非脱离了文档流)。其实,通俗点来说,就是块元素(blockelement)一般是其他元素的容器元素,能容纳其他块元素或内联元素。最常见的就是P和div这两个,说的再简单点,就是块元素就好比一个四方块,可以放其他的四方块,并可以呈现在页面上任何地方。

如果对于上述的css块级元素定义还是不太理解,我们再来看一看css块级元素的三个特点:

  • 每个块级元素都是独自占一行,其后的元素也只能另起一行,并不能两个元素共用一行。

  • 元素的高度、宽度、行高和顶底边距都是可以设置的。

  • 元素的宽度如果不设置的话,默认为父元素的宽度。

看完这三个css块级元素特点之后,这下对css元素该有了进一步的认知,那么接下来我们就来看一看css块级元素有哪些?

常见的css块级元素:

  • address:地址。

  • blockquote:块引用。

  • center:举中对齐块。

  • dir:目录列表。

  • div:常用块级容易,也是CSSlayout的主要标签。

  • dl:定义列表。

  • fieldset:form控制组。

  • form:交互表单。

  • h2–h7:标题。

  • hr:水平分隔线。

  • isindex:inputprompt。 menu:菜单列表。

  • noframes:frames可选内容,(对于不支持frame的浏览器显示此区块内容)。

  • noscript:可选脚本内容(对于不支持script的浏览器显示此内容)。

  • ol:有序表单。

  • p:段落。

  • pre:格式化文本。

  • table:表格。

  • ul:无序列表。

关于“CSS常用块元素有哪些”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。

--结束END--

本文标题: CSS常用块元素有哪些

本文链接: https://www.lsjlt.com/news/274097.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • CSS常用块元素有哪些
    这篇文章将为大家详细讲解有关CSS常用块元素有哪些,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。css的块元素有:address、blockquote、dir、div、dl、form、hr、ol、p、pr...
    99+
    2023-06-14
  • css中常见的块元素标签有哪些
    css中常见的块元素标签有:address、blockquote、dir、div、dl、form、hr、ol、p、pre、table、ul、caption、dd、fieldset、li、legend、noframes、noscript、h1...
    99+
    2024-04-02
  • CSS的块级元素有哪些
    这篇“CSS的块级元素有哪些”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“CSS的块级元素...
    99+
    2024-04-02
  • css中有哪些行内块元素
    这期内容当中小编将会给大家带来有关css中有哪些行内块元素,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。块标签:p p h2-h7 hr ul ol li dl dd dt form ①支持宽高...
    99+
    2023-06-15
  • HTML块元素有哪些
    这篇文章主要介绍了HTML块元素有哪些,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。 大多数 HTML 元素被定义为块级元素或内联元素;...
    99+
    2024-04-02
  • HTML5中常见的内联元素和块级元素有哪些?
    HTML5中常见的行内元素和块级元素有哪些?HTML5是一种用于创建网页和Web应用程序的标记语言。在HTML5中,元素按其显示行为可以分为两类:行内元素和块级元素。行内元素指的是在一行内显示,并且只占据内容所需要的宽度,不会独占一行;而块...
    99+
    2023-12-28
    html 块级元素 行内元素
  • CSS隐藏页面元素常用方法有哪些
    这篇文章主要介绍了CSS隐藏页面元素常用方法有哪些,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。用 CSS 隐藏页面元素有许多种方法。你可以...
    99+
    2024-04-02
  • CSS的伪元素有哪些
    这篇文章主要讲解了“CSS的伪元素有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“CSS的伪元素有哪些”吧!什么是伪元素伪元素和伪类是 CSS 初学者容...
    99+
    2024-04-02
  • CSS基本元素有哪些
    这篇文章主要讲解了“CSS基本元素有哪些”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“CSS基本元素有哪些”吧! 关键字 auto solid ...
    99+
    2024-04-02
  • html行内块元素有哪些
    本篇文章为大家展示了html行内块元素有哪些,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。行内块状元素特征:不自动换行能够识别宽高默认排列方式为从左到右内联块级元素比较少,它们分别是:img、inp...
    99+
    2023-06-15
  • html中有哪些行内元素和块状元素
    这篇文章将为大家详细讲解有关html中有哪些行内元素和块状元素,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。html行内元素有:a、b、br、code、em、font、i、img、input、span、s...
    99+
    2023-06-06
  • HTML5常用分组元素有哪些
    这篇文章给大家分享的是有关HTML5常用分组元素有哪些的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。 html5中常用的分组元素:1、p元素,进行段落...
    99+
    2024-04-02
  • 常用HTML标签元素有哪些
    本篇内容介绍了“常用HTML标签元素有哪些”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! <htm...
    99+
    2024-04-02
  • Html常用标签元素有哪些
    小编给大家分享一下Html常用标签元素有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!常用HTML标签元素结合及简介<...
    99+
    2024-04-02
  • 常用html元素结构有哪些
    这篇文章将为大家详细讲解有关常用html元素结构有哪些,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。   基本结构:   <!DOCTYPEhtmlPUBLIC...
    99+
    2024-04-02
  • HTML块级元素有哪些特点
    这篇文章主要介绍“HTML块级元素有哪些特点”,在日常操作中,相信很多人在HTML块级元素有哪些特点问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”HTML块级元素有哪些特点”...
    99+
    2024-04-02
  • CSS伪元素实用技巧有哪些
    本文小编为大家详细介绍“CSS伪元素实用技巧有哪些”,内容详细,步骤清晰,细节处理妥当,希望这篇“CSS伪元素实用技巧有哪些”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。 伪元...
    99+
    2024-04-02
  • html有哪些常用的结构元素
    今天小编给大家分享的是html有哪些常用的结构元素,相信很多人都不太了解,为了让大家更加了解,所以给大家总结了以下内容,一起往下看吧。一定会有所收获的哦。 html常用的结构元素...
    99+
    2024-04-02
  • web开发中行内元素和块级元素有哪些
    这篇文章将为大家详细讲解有关web开发中行内元素和块级元素有哪些,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。 一、常见块级元素有哪些:button,div ,...
    99+
    2024-04-02
  • HTML块元素的知识点有哪些
    这篇文章主要介绍“HTML块元素的知识点有哪些”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“HTML块元素的知识点有哪些”文章能帮助大家解决问题。大多数 HTML ...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作