ширина стиля против атрибута ширины в HTML

Я видел последний пост, похожий на мой вопросВысота стиля холста 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>        

Но в приведенном выше примере, если поставить либоstyle = "width: 200px"&nbsp;или жеширина = "200px"Такого же результата не видно.

Вопрос:
1) почемуstyle = "width: 200px&nbsp;а такжеширина = "200px&nbsp;не дает такой же результат?
2) в чем разницаширина = "200px"&nbsp;или жеширина = "200"?

Могут ли некоторые помочь мне прояснить эти основы?