Почему мой браузер не показывает кнопку css в html-скрипте?

<!DOCTYPE html>
<html>
<head>
 <link href="Button1" rel:"stylesheet" type = "text/css">
</head>
</html>
 /* CSS Document */
 type = text/css>
 .button {
 background-color: #4CAF50; /* Green */
 border: none;
 color: white;
 padding: 15px 32px;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 font-size: 16px;
}

почему это не работает Я создал простой HTML-скрипт и скопировал CSS-скрипт из YouTube, который должен создать кнопку (не могу написать CSS :-(). Я пытался использовать различные способы включения CSS-скрипта в HTML-программирование. Но если я посмотрю на локальный хост я не вижу ни одной кнопки

Всего 1 ответ


Потому что вы не добавили ни одного элемента с классом .button в свой HTML . CSS не создает элемент, HTML создает. CSS дает стили.

Посмотри во фрагменте.

.button {
  background-color: #4CAF50;
  /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}
<!DOCTYPE html>
<html>

<head>
  <link href="Button1" rel: "stylesheet" type="text/css">
</head>

<body>
  <button type="button" class="button">Button</button>
  
  <div class="button">blala</div>
  
  <span class="button">roar</span>
</body>

</html>


Есть идеи?

10000