美文网首页
CSS元素的显示模式

CSS元素的显示模式

作者: CJCJCCJ | 来源:发表于2016-11-10 14:29 被阅读12次

在HTML中HTML将所有的标签分为两类, 分别是容器级和文本级

在CSS中CSS也将所有的标签分为两类, 分别是块级元素和行内元素

1.什么是块级元素, 什么是行内元素?

块级元素会独占一行
行内元素不会独占一行

容器级的标签

div h ul ol dl li dt dd ...

文本级的标签

span p buis stong em ins del ...

块级元素

p div h ul ol dl li dt dd

行内元素

span buis strong em ins del

2.块级元素和行内元素的区别?
2.1块级元素
独占一行
如果没有设置宽度, 那么默认和父元素一样宽
如果设置了宽高, 那么就按照设置的来显示

2.2行内元素
不会独占一行
如果没有设置宽度, 那么默认和内容一样宽
行内元素是不可以设置宽度和高度的

2.3行内块级元素
为了能够让元素既能够不独占一行, 又可以设置宽度和高度, 那么就出现了行内块级元素

相关文章

  • H5前端开发学习笔记——0x11CSS显示模式

    CSS显示模式 课时90 div和span标签(掌握) 课时91 CSS元素显示模式(掌握) 课时92 CSS元素...

  • 十二、CSS的元素显示模式

    一、CSS的元素显示模式 了解元素的显示模式可以更好的让我们布局页面。 1.1、什么是元素的显示模式 作用:网页的...

  • CSS元素显示模式

    什么是块级元素,行内元素? 块级元素会独占一行可以设置宽高如果没有设置宽高,默认和父元素一样的宽高 行内元素不会独...

  • CSS元素显示模式

    作用:网页的标签很多,在不同地方会用到不同类型的标签,了解他们的特点可以更好的布局我们的网页。 元素的显示模式就是...

  • css元素显示模式

    1.块级元素 块级元素独占一行,默认显示宽度跟父元素宽度一样,如果设置了宽高,元素就按宽高来 2.行内元素 ...

  • CSS元素的显示模式

    在HTML中HTML将所有的标签分为两类, 分别是容器级和文本级 在CSS中CSS也将所有的标签分为两类, 分别是...

  • css元素的显示模式

    在html中将所有标签分为两类,分为容器级和文本级.在css中也将所有的标签分为两类,分别是块级元素和行内元素 一...

  • CSS的元素显示模式

    了解元素的显示模式可以更好的让我们布局页面。 2.1什么是元素的显示模式 作用:网页的标签非常多,在不同地方会用到...

  • CSS中元素显示模式总结

    元素的显示模式就是:元素(标签)以什么样的方式进行显示,在css中可分为以下三种模式,分别为:块元素、行内元素、行...

  • 第02阶段:css第二节第一天(CSS性质)

    *css单位与文字排版 *标签的显示模式与display属性 模式:块元素、行内元素 display属性的值:no...

网友评论

      本文标题:CSS元素的显示模式

      本文链接:https://www.haomeiwen.com/subject/nfkxpttx.html