优秀程序员分享CSS标签的分类、显示方式和类型（displaymode）。也称为块元素和行内元素。1、块级元素（block-level）每个块元素通常单独占据一整行或多行，可以为其设置宽度、高度、对齐方式等属性，常用于web的构建页面布局和网页结构。常见的块元素有
~、
、
、
- 、
- 等，其中标签是最典型的块元素。特点：（重要）1、独占父行，默认宽度为容器的100%；2、高度、行高、边距、内边距均可控制；（支持宽高设置）3.不设置高度，高度由内容决定；4.可以容纳行内元素和其他块元素；2.内联元素（inline-level）内联元素（inlineelements）不占据独立的区域，仅靠自身的字体大小和图片大小来支撑结构，一般不能设置宽度，高度和对齐方式，通常用于控制页面中文本的样式。常见的内联元素包括,,,,,
,,,等，其中标签是最典型的内联元素。特点：（重要）1、如果与相邻的行内元素在同一行，换行之间会有空隙；2.height和width无效，但是水平方向的padding和margin可以设置，垂直方向无效；（不支持宽度和高度）3。默认宽度为自身内容的宽度；4、内联元素只能容纳文本或其他内联元素。(aspecial)Tips:1.只有text才能组成段落，所以p中不能放置块级元素。同理还有h1,h2,h3,h4,h5,h6,dt这几个标签，都是文本块级标签，里面不能放其他块级元素。2、链接中不能再放置链接。3、行内块元素（inline-block）行内元素中有几个特殊的标签——、、
，可以为它们设置width、height和alignment属性，称之为inlineblock元素。特点：1、与相邻的行内元素（行内块）在一条线上，但它们之间会有空白间隙；2.默认宽度为自身内容的宽度；3、高度、行高、外边距、内边距都可以控制。四、标签显示方式转换显示在设计网页时，可能需要为不同的标签设置不同的显示方式。可以通过显示来实现。1.将block转为inline：display:inline；2.将inline转换为block：display:block；3.将块元素和行内元素转换为行内块：display:inline-block; 最新推荐猜你喜欢- 1Ticwatch智能手表体验分享！智能穿戴行业的黑老大
- 2因为专业所以优秀-nbsp-独家专访明大通创始人史志国
- 3分享服务机器人行业现状
- 4微软手环2智能手环开箱体验！软件优秀但续航不佳
- 5程序员注意了！ AI技术准确率高达83%，可以准确识别代码的
- 6WeLoop小黑2开箱体验分享！就是为了给大家好看
- 7看不到未来？时代杂志评选的优秀智能产品就是这样
- 8未来5-10年虚拟现实将进入黄金时代（附分享）
- 9比利时晋级半决赛，长虹与网友分享“红魔”的激情
- 10小米在香港联交所上市！雷军分享了11年前金山软件上市的老照片
- 11本文分享屏下指纹的原理和使用技巧，帮助你快速成为老手
- 12搜狐AI分享会！未来7年，AI将率先落地工业场景
- 13苹果分享了 3 个 Apple Watch 广告！为了完美，
- 14万万没想到！杏变里的程序员都是“老司机”
- 15美创荣获“2017-2018年度新一代信息技术优秀解决方案”
- 16从平台角度分享你对VR内容市场的看法
- 17酒类营销新模式，豆开分享新零售红利
- 18【评测】初体验入门级VR设备！灵境小白经验分享
- 19余永福分享六点秘诀！明年可穿戴设备厂商将尸横遍野
- 20VEZ BOX智能投影分享！小人物也能有所作为
- 、