美文网首页工作生活
css元素的显示模式

css元素的显示模式

作者: nickNic | 来源:发表于2019-07-08 09:25 被阅读0次

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

一什么是块级元素?什么是行内元素?
块级元素独占一行
行内元素不会独占一行

所有的容器级标签都是块级元素
除了p标签所有的文本级都是行内元素

二块级元素和行内元素的区别?
1块级元素独占一行
如果没有设置宽度,那么默认和父元素一样宽

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/hdgrhctx.html