常见的css块级元素有哪些

常见的css块级元素有哪些

css块级元素介绍:

(学习视频分享:css视频教程)

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

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

立即学习“前端免费学习笔记(深入)”;

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

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

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

常见的css块级元素:

address : 地址。blockquote:块引用。center:举中对齐块。dir:目录列表。div: 常用块级容易,也是CSS layout的主要标签。dl:定义列表。fieldset:form控制组。form:交互表单。h1– h6:标题。hr:水平分隔线。isindex :input prompt。    menu:菜单列表。noframes:frames可选内容,(对于不支持frame的浏览器显示此区块内容)。noscript :可选脚本内容(对于不支持script的浏览器显示此内容)。ol:有序表单。p: 段落。pre:格式化文本。table:表格。ul:无序列表。

登录后复制

相关推荐:css视频教程

以上就是常见的css块级元素有哪些的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2884179.html

(0)
上一篇 2025年3月10日 20:26:09
下一篇 2025年3月10日 20:26:20

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • css怎么自定义字体样式

    css自定义字体样式的方法:可以利用font属性来自定义字体样式,如【font-weight:normal;】。font-weight属性用于设置文本的粗细,如果要设置文本字体大小,可以使用font-size属性。 font 简写属性在一个…

    2025年3月10日
    200
  • css怎么让首行文字缩进

    css让首行文字缩进的方法:可以利用text-indent属性来实现,如【text-indent:50px;】。text-indent属性规定文本块中首行文本的缩进,常用于建立一个标签页效果。 属性介绍: text-indent 属性规定文…

    2025年3月10日
    200
  • 详解CSS行高line-height属性

    (推荐教程:CSS视频教程) 初入前端的时候觉得CSS知道display、position、float就可以在布局上游刃有余了,随着以后工作问题层出不穷,才逐渐了解到CSS并不是几个style属性那么简单,最近看了一些关于行高的知识,就此总…

    2025年3月10日 编程技术
    200
  • css怎么给一个盒子加盒阴影

    css给一个盒子加盒阴影的方法:可以利用box-shadow属性来添加盒阴影,如【box-shadow: 10px 10px 5px #888888;】。box-shadow属性可以设置一个或多个下拉阴影的框。 box-shadow属性可以…

    2025年3月10日
    200
  • css如何实现文字不能选中

    css实现文字不能选中的方法:可以利用user-select属性来实现,如【-webkit-user-select:none;-moz-user-select:none;】。user-select属性用来控制内容的可选择性。 属性介绍: u…

    2025年3月10日
    200
  • css中grid布局和表格有什么区别

    css中grid布局和表格的区别是:1、grid是在css中实现的,表格是在html中实现的;2、grid是固定大小的,表格是大小可变的;3、grid继承自面板元素,表格继承自块元素。 网格布局(Grid)是最强大的 CSS 布局方案。 它…

    2025年3月10日
    200
  • css里的display属性有啥作用

    css里的display属性的作用是规定元素应该生成的框的类型。display属性是前端开发中常用的一个属性,常用的属性值有block、none、inline、inline-block。 网页上的每个元素都是一个矩形框。display 属性…

    2025年3月10日
    200
  • css如何实现不显示table的边框

    css实现不显示table的边框的方法:可以利用border属性来实现,如【border:0;】。border属性用于设置所有的边框属性,如border-width,规定边框的宽度。 border 简写属性在一个声明设置所有的边框属性。 (…

    2025年3月10日
    200
  • css怎么控制字体大小

    在css中可以通过属性font-size控制字体大小,其属性值可以是任意的数字大小加px单位,该属性的使用语法如“h1 {font-size:250%;}”。 推荐:《css视频教程》 首先是关于字体大小的设置,用到的CSS属性是font-…

    2025年3月10日
    200
  • 怎么用css设置图片大小

    用css设置图片大小的方法:首先新建一个html文件;然后使用div标签创建一个模块,并在div标签内使用img标签创建一张图片;最后在img标签内使用style来设置图片宽度和高度属性即可。 推荐:《css视频教程》 新建一个html文件…

    2025年3月10日 编程技术
    200

发表回复

登录后才能评论