CSS-вызовы и объявление классов

Question

Хорошо, поэтому я немного запутался с объявлением и вызовом класса в css.когда я создаю класс, он использует "."но когда я это называю, это не так, например.

.smaller-image {
    width: 100px;
}

<a href="#"><img src="someimageurl.com" class="smaller-image" alt="some image 
text."></a>

Answer 1

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

Атрибут class указывает одно или несколько имен классов для элемента HTML.

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

В CSS, чтобы выбрать элементы HTML с определенным классом, мы используем символ точки (.), за которым следует имя класса.

Надеюсь, что это прояснит ваш разум, и наслаждайтесь кодированием!

Редактировать: в вашем примере вы используете .com в качестве источника.Ты не можешьЧитайте здесь для формата изображения и поддержки: https://en.m.wikipedia.org/wiki/Comparison_of_web_browsers#Image_format_support

Answer 2

В HTML имена классов являются явно именами классов, поскольку они содержатся в атрибуте class.Им больше ничего не нужно, чтобы понять, что они являются именами классов.

В CSS селектор может состоять из многих вещей.Идентификаторы, типы элементов, имена атрибутов, значения атрибутов - и другие!Поэтому вам нужно что-то прояснить, что вы используете имя класса.Символ . означает «что будет дальше, это имя класса».

Answer 3

CSS применяет стиль к элементам HTML, используя либо class, id, либо имя тега (например, body).

При написании правила CSS для применения к class, вы ставите префиксимя класса с ..

При написании правила CSS для применения к id, перед именем идентификатора ставится #.Обратите внимание, что идентификатор должен использоваться только одним элементом на странице, тогда как класс может использоваться так часто, как вам нравится.

Примеры:

div {} /* This is applied to all div elements */

.button {} /* This is applied to all elements with the `button` class */

#header {} /* This is applied to the element with the `header` id */

a.link {} /* This combines both the `a` tag and the `link` class */

Answer 4

Предыдущая точка определяет его как класс в CSS, в отличие, например, от тега , подобного div (без префикса вообще) или хеша для id (#something).В HTML все, что не нужно, так как атрибуты class, id или нет атрибута.