HTML-файл и CSS-файл для кнопок, которые являются ссылками?

Question

Я знаю, что его обсудили, но я не могу получить четкого ответа.

Я хотел бы создать две кнопки, как только они будут нажаты, они будут действовать как ссылки на разные страницы. Я использовал этот код ниже в своем HTML-файле и создал файл css для редактирования внешнего вида кнопок. Мой вопрос заключается в том, как я могу назвать две кнопки в html-файле, чтобы, например, я мог отдельно редактировать их стили в файле CSS.

[HTML код]

 <button onclick="location.href='something.html'">Click this</button> 

     <button onclick="location.href='http://www.blah.com'">Click this too</button 

[CSS код]

   button{ 
      float: left; 
      position: relative; 
      left: 40%; 
      background: red; 

      } 

Answer 1

Люди расскажут вам стиль ссылок, таких как кнопки, которые, хотя и элегантные, не поддерживаются. Я часто делал это давно для ссылок на навигацию, и я только констатировал, что padding-bottom и padding-top были исключены пользовательским агентом. Это связано с тем, что ссылки или <a> - это элементы inline, а встроенные элементы не отвечают так же, как и block.

Включая button в a было моим решением, а также указав мой CSS на кнопках thte. Тег a можно игнорировать, за исключением случаев, когда вы добавляете свою ссылку.

<a href="http://example.com"> 
    <button>Example</button> 
</a> 

Answer 2

Вы бы использовать класс или идентификатор для различения двух элементов

#button1 { 
 
    background: red 
 
} 
 
#button2 { 
 
    background: green 
 
}

<button id="button1">Click this</button> 
 
<button id="button2">Click this too</button

Основы CSS.