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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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,可直接定义。

class="qmbox" style="width:100%;" 这句html代码啥意思?

class=“qmbox”,有几种用途,第一种就是在css样式,可以用.qmbox给此标签设置样式,第二种就是在jquery中,用$(".qmbox")获取类名为qmbox的对象。style就是纯粹的css样式了,宽度是100%意思就是此节点占所在节点的100%宽度。如果在body下的某一个标签中写这个,意思就是占据body宽度的100%。 参考技术A class="qmbox"
类名叫qmbox
class 属性规定元素的类名(classname)。
class 属性大多数时候用于指向样式表中的类(class)。不过,也可以利用它通过 JavaScript 来改变带有指定 class 的 HTML 元素。
style="width:100%;"
宽度为他父类对象的宽度本回答被提问者和网友采纳
参考技术B 属于类qmbox 宽度是页面的100%追问

qmbox只是一个命名,没有其他意思吗?

追答

如果你给qmbox写的属性,就有用了
比如css里面,给qmbox定义
.qmbox
height:80px;

你这个原本的东西,高度就会被调整为80px

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

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

解析js如何获取css样式

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

CSS初窥......

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

div标签怎么设置div的宽度