CSS的显示模式

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

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

除了P标签以外所有的文本级都是行内元素,
所有容器级都是块级元素。
块级和行内元素的区别。
块级元素会独占一行,如果没有设置宽度,默认跟父元素一样宽,
设置了宽高就跟设置的宽高一样,
行内元素不会独占一样。如果没有设置宽度,默认跟内容一样宽,
行内元素不可以设置宽高

行内块级元素,

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

显示模式的转换

   属性:display
   取值: block, inline ,inline-block 

                      P{
                           display:inline-block;
    
                     }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,033评论 1 92
  • Div和Span标签 什么是div? 作用: 一般用于配合css完成网页的基本布局 什么是span? 作用: 一般...
    极客江南阅读 7,844评论 4 61
  • Div和Span标签 Div: 一般用于配合css完成网页的基本布局Span: 一般用于配合css修改网页中的一些...
    Strive_12c4阅读 492评论 0 0
  • CSS学习感言: CSS明显比HTML复杂一些,用的时间也多,而且也还有许多迷惑的地方,特别是关于定位和浮动,理解...
    雨夜月风阅读 524评论 0 1
  • 引子 成文原因有二:其一,复习巩固知识、站在巨人的肩膀上,老罗讲话:“人生苦短,能一步走完的路,尽量别走三步”;其...
    只敲代码不偷桃阅读 910评论 0 0

友情链接更多精彩内容