HTML中的样式宽度与宽度属性

Question

HTML中的样式宽度与宽度属性

Man*_*nku 5 html javascript css jquery html5

我看到上一篇文章类似于我的问题HTML5画布样式高度与属性高度
但在该帖子中,没有明确的信息关于哪一个将起作用,有什么区别？

我尝试了以下示例:

<html>
    <head>
    </head>
      <body>
        <link rel="stylesheet" href="https://code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
        <script src="jquery-1.11.1.js"></script>
        <script src="https://code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
        <script src="script.js"></script>

        <div>
             <select style="width: 200px" width="200px">
                   <option value="Test1"> Test1 </option>
                   <option value="Test2"> Test2 </option>
                   <option value="Test3"> Test3</option>
                   <option value="Test4"> Test4 </option>
                   <option value="Test5"> Test5 </option>
             </select>
        </div>
     </body>
 </html>

Run Code Online (Sandbox Code Playgroud)

但是在上面的例子中,如果把style ="width:200px"或width ="200px",则看不到相同的结果.

问题:
1)为什么style ="width:200px and width ="200px没有给出相同的结果？
2)width ="200px"或width ="200"之间有什么区别？

有人可以帮助我清除这些基础知识吗？

Answer 1

Edw*_*win 0

1）这里的<select style="width: 200px"> style是HTML元素的属性<select>，引用里面写的是 CSS代码。同样，这里的<select width="200px"> 宽度是的属性<select>。但是，<select>标签没有width属性，请参阅此处（在下attributes）有关更多信息HTML attributes：此处

参见演示

2)width="200"相当于width="200px"

归档时间：	11 年前
查看次数：	14881 次
最近记录：	11 年前