css块级元素有什么特点

发布时间:2022-03-02 15:48:33 作者:iii
来源:亿速云 阅读:325

这篇文章主要介绍了css块级元素有什么特点的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇css块级元素有什么特点文章都会有所收获,下面我们一起来看看吧。

  css块级元素的定义

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

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

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

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

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

  看完这三个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块级元素有什么特点”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“css块级元素有什么特点”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注亿速云行业资讯频道。

推荐阅读:
  1. CSS 中的内联元素、块级元素以及display的各个属性的特点
  2. css中border属性特点有哪些

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css

上一篇:css行内元素有什么特点及怎么用

下一篇:css怎么改变单选框的颜色

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》