html标签中的width属性和css里的width属性到底有什么区别?你是怎么知道的?

问题如上

为什么有的标签可以width属性,而有的就没有,这个问题是怎么产生的?

阅读 9.4k
8 个回答

有的标签没有是因为标签本身是行元素,无法对其进行宽高设置,必须将其属性display写成inline-block,就可以对其进行宽高设置了。

html中width最好不要去写,css样式和html要分离,区别也就不存在了

block元素的都有width,inline和inline-block都没有的

  • 首先第一个很明显的区别就是一个是 HTML 的属性,一个是 CSS 的属性;

  • 其次呢,HTML 中的 width 属性是可以不需要单位的,但是在 CSS 中的属性是必须要有单位的

<table width="300">....</table>
p {width: 300px}
  • 然后还有呢就是不建议在 HTML 中写 width 属性,毕竟这个在 CSS 中写 width 是同样可以达到效果,并且也满足了早期的结构与样式分离一说;

  • 接着就是 HTML 中的 width 属性单位并没有 CSS 中的 width 单位多;

  • 最后我也想不出什么理由了,个人看法主要还是为了能够让样式更好的控制 HTML 结构,样式问题就通过 CSS 来处理,而不是去处理 HTML 的属性

最后的最后附上一张截图

clipboard.png

建议你看看块级元素和行内元素,外部样式、内部样式和内联样式

先看看块级元素,行内元素,行内块元素的区别

html的width属性是行内元素拥有的,所以不能统一使用。标签的width属性不建议使用,最好写道css当中

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题