css中style="width:100px" 和width="100px"有啥不同

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css中style="width:100px" 和width="100px"有啥不同相关的知识,希望对你有一定的参考价值。

<div style="width:100px"> 和 <div width="100px"> 这两种写法有什么区别?在不同浏览器中的表现又有何不同?

本质上来讲两者没有区别,其作用都是定义元素的宽度为100px。但是区别在于:
1,style="width:100px"这种写法是可以应用在任何元素上的。
2,这种写法有一定的局限性,其前提是此标签必须有默认width这个属性才行。
参考技术A 其实效果是一样的,只是前者是比较新的写法,一般都写在CSS里面,除非特殊情况,后者的写法现在几乎没人用了! 参考技术B <div width="100px"> 无这种写法 table中可以这样写 <table width="100">也不写px
所以区别就是:
<div style="width:100px"> 是正确的
<div width="100px"> 是错误的
在任何浏览器第二种都是错误的,不符合html标准
div只能使用css来定义样式,不同于table,可直接定义。
参考技术C width="100“有局限性,也就是部分标签才由此属性,比如img、table、td等标签
也就是说,width="100“是标签属性,而不是css
style="width:100px" 是css属性,适用于大部分标签,比如div、span、ul、li等等等等
也就是说,style="width:100px"适合对没有width属性的标签进行css样式定义,而width是只适合有这种属性的标签,要说分别,这就是分别!
但最终效果一样,都是定义某元素标签的宽度
参考技术D 真的没办法不说几句了,百度知道近期这种所谓的推荐答案依据在哪儿,就是因为分类管理员在审核的时候发现只有两个回答,从其中选一个出来就定为了推荐答案???你让我们情何以堪
还是这种行为促使了重燃我们写答案的激情???
style="width:100px"和width=“100px”是内联样式和css中写法上的区别,在html中可以通过style="" 给标签添加css样式, 也可以写在css中控制标签
的确,table,iframe等少量标签可以直接写width等属性,但绝对没有任何差别,一定有单位,推荐答案中说不写,请问:表格布局那个年代你经历过吗?知道width="100%"和width="100px"差别吧?
再者,不存在html标准,只有所谓的w3c Web标准
不是鸡蛋挑骨头,也不是针对一样热心回答的知道朋友们,只是只有两个答案的情况,管理员就那么着急完成任务吗?就这么下去吧百度,空间改版众网友谩骂连篇你无动于衷,百度知道又开整这种无意义的推荐答案……本回答被提问者采纳

css中style="width:100px" 和width="100px"有啥不同

width="100“有局限性,也就是部分标签才由此属性,比如img、table、td等标签
也就是说,width="100“是标签属性,而不是css
style="width:100px"
是css属性,适用于大部分标签,比如div、span、ul、li等等等等
也就是说,style="width:100px"适合对没有width属性的标签进行css样式定义,而width是只适合有这种属性的标签,要说分别,这就是分别!
但最终效果一样,都是定义某元素标签的宽度
参考技术A 本质上来讲两者没有区别,其作用都是定义元素的宽度为100px。但是区别在于:
1,style="width:100px"这种写法是可以应用在任何元素上的。
2,width="100px"这种写法有一定的局限性,其前提是此标签必须有默认width这个属性才行。
参考技术B <div
width="100px">
无这种写法
table中可以这样写
<table
width="100">也不写px
所以区别就是:
<div
style="width:100px">
是正确的
<div
width="100px">
是错误的
在任何浏览器第二种都是错误的,不符合html标准
div只能使用css来定义样式,不同于table,可直接定义。

以上是关于css中style="width:100px" 和width="100px"有啥不同的主要内容,如果未能解决你的问题,请参考以下文章

javascript中,设置width时,style="width:100px" 和width

解析js如何获取css样式

CSS为啥给子元素添加滤镜之后,导致在IE中父子元素关系失效

CSS初窥......

ueditor里插入的script,style等标签被过滤掉怎么解决

div标签怎么设置div的宽度