atributo largura versus largura do estilo em HTML
Vi o último post parecido com a minha perguntaAltura do estilo da tela HTML5 x altura do atributo
Mas nesse post, não havia informações claras sobre qual delas funcionaria e qual é a diferença?
Eu tentei o seguinte exemplo:
<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>
Mas no exemplo acima, se colocarstyle = "largura: 200 px" ouwidth = "200 px", mesmo resultado não é visto.
Pergunta, questão:
1) por que sãostyle = "width: 200 px ewidth = "200 px não está dando o mesmo resultado?
2) qual é a diferença entrewidth = "200 px" ouwidth = "200"?
Alguns podem me ajudar a esclarecer esses princípios?