Моя тестовая страница


Способы применения стилей



бет15/40
Дата27.06.2023
өлшемі426.92 Kb.
#475407
түріПояснительная записка
1   ...   11   12   13   14   15   16   17   18   ...   40
Диплом - Ислямов С (1)

Способы применения стилей.

  1. Связывание (Linking)

  2. Встраивание (Embedding)

  3. Задание для отдельного тега (inline)

Связывание происходит с помощью элемента :


Встраивание. Стили пишутся непосредственно в HTML-документ (в виде блока css- текста) с помощью элемента:


Задание для отдельного тега. Прописывается inline-стиль конкретному HTML-элементу непосредственно в документе, с помощью HTML-атрибута style:

a unique paragraph in red


  • Плюсы: такой стиль не перебивается свойствами заданными этому элементу в таблице стилей

  • Минусы: Увеличивается вес страницы. Имеет приоритет выше чем правила описанные для этого элемента в табл стилей. Периодически могут возникать жалобы со стороны разработчиков CMS если клиентом ставится задача редактировать такие элементы из админки.

Анатомия набора правил CSS
Селектор (Selector)
Имя HTML-элемента в начале набора правил. Он выбирает элемент(ы) для применения стиля (в данном случае, элементы p ). Для стилизации другого элемента, просто измените селектор.
Объявление (Declaration)
Единственное правило, например color: red; указывает, какие из свойств элемента вы хотите стилизовать.
Свойства (Properties)
Способы, которыми вы можете стилизовать определённый HTML-элемент (в данном случае, color является свойством для элементов 
). В CSS вы выбираете, какие свойства вы хотите затронуть в вашем правиле. (Рис 2.2.4)


Достарыңызбен бөлісу:
1   ...   11   12   13   14   15   16   17   18   ...   40




©dereksiz.org 2024
әкімшілігінің қараңыз

    Басты бет