В CSS нужно ли прикреплять теги ID к другому тегу, такому как 'p' или 'div'?

#html #css

#HTML #css

Вопрос:

Я понимаю, что #mypicture блок создает стиль для этого конкретного идентификатора. Чего я не понимаю, так это того, что в моем html я не могу просто сделать <id=mypicture , почему я должен делать p id или img id .

Я думаю, более конкретно, мой вопрос в том, может ли идентификатор стоять сам по себе или он всегда привязан к чему-то другому, такому как p тег или div tag?

Я новичок в CSS, и я немного запутался в том, как использовать классы / идентификаторы. Я склонен просто игнорировать все <p> , <div> и т.д. и просто создавать пользовательские классы, которые я могу стилизовать в CSS.

 <!DOCTYPE html>
<head>
<style>
#mypicture {
  outline-color: red; 
  border-radius: 40px;
}
</style>
</head>

<body>
  <header>
    <p id="mypicture"><img src="assets/ben.jpg"></p>
    <h1>Bens's Blog</h1>
    <ul>
      <li><a href="#">About Me</a></li>
      <li><a href="#">Best Poems</a></li>
      <li><a href="#">Worst Poems</a></li>
    </ul>
  </header>
</body>

1. id это атрибут , а не тег.

2. Более конкретно, id это один из распространенных атрибутов HTML, который вы можете прикрепить к любому элементу.

3. кроме того, вы стилизуете HTML-элементы, поэтому вам следует понимать различия, скажем, между <div>, a <span> и <li>, потому что они выполняют разные функции.

4. Следует помнить, что HTML — это язык (язык разметки). Каждый тег предназначен для того, чтобы что -то делать или передавать. У тегов есть атрибуты, которые помогают тегам передавать это что -то. Что-то вроде type="text" и type="password" для input тега. Одним из таких атрибутов является id , который помогает однозначно идентифицировать данный тег во всем документе. Есть еще один, class который помогает группировать различные теги (независимо от типа) в заданный class-name . Семантически это базовая, но ключевая концепция в HTML для понимания.

Ответ №1:

Да — потому что ИДЕНТИФИКАТОР — это не тег, это атрибут.

Ответ №2:

Нет, идентификатор не может существовать сам по себе, и да, он всегда должен быть прикреплен к тегам HTML, потому что это атрибут, как указано.

Используя тег в CSS, подобный этому

 p {outline-color: red; border-radius: 40px;}

все теги < p > будут иметь красный цвет контура и радиус границы 40 пикселей, но
предоставление идентификатора в CSS следующим образом

 #mypicture {outline-color: red; border-radius: 40px;}

повлияет только на теги с идентификатором #mypicture

Надеюсь, это дает больше идеи.