本站消息

站长简介/公众号


站长简介:高级软件工程师,曾在阿里云,每日优鲜从事全栈开发工作,利用周末时间开发出本站,欢迎关注我的微信公众号:程序员总部,程序员的家,探索程序员的人生之路!分享IT最新技术,关注行业最新动向,让你永不落伍。了解同行们的工资,生活工作中的酸甜苦辣,谋求程序员的最终出路!

 价值13000svip视频教程,前端大神匠心打造,零基础前端开发工程师视频教程全套,基础+进阶+项目实战,包含课件和源码

  出租广告位,需要合作请联系站长


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

2021-03(417)

2021-04(177)

2021-05(161)

2021-06(101)

2021-07(7)

2021-03-07

发布于2021-03-08 20:06     阅读(827)     评论(0)     点赞(22)     收藏(5)


HTML标签的三大类## 标题

1、行内元素(也可称内联元素)
2、行内块元素(也可称内联块状元素)
3、块级元素

它们可以相互转换
  display:inline: 转换为行内元素
  display:linline-block 转换为行内块元素
  display:block 转换为块级元素
  
各自具备的特性:

行内元素:
  1.无法设置宽高
  2. margin上下无效,只有左右有效果,padding都有效果,会撑大空间
  3.不会自动换行
  
行内块元素:
  1. 不会自动换行
  2.能够设置宽高
  3.默认排列方式为从左到右
  4.可以使用text-align:center使内容相对于盒子水平居中对齐,
  例如img标签,可以使用text-align:center,相对于父盒子居中对齐.,margin:0 auto无效
  5.水平排列,但所有元素默认会有1个空格的间隙,因为元素之间在html中书写有回车换行,浏览器解析会将其解析成一个空格.

块级元素:
  1.能够识别宽高
  2.margin和padding的上下左右均对其有效
  3.可以自动换行
  4.多个块状元素标签写在一起,默认排列方式为从上至下
  5.可以使用margin:0 auto居中对齐

原文链接:https://blog.csdn.net/weixin_51341210/article/details/114479001




所属网站分类: 技术文章 > 博客

作者:代码搬运工

链接:http://www.qianduanheidong.com/blog/article/33622/2b310d89d9f6f448047b/

来源:前端黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

22 0
收藏该文
已收藏

评论内容:(最多支持255个字符)