SEO для SaaS-продуктов: как конкурировать с гигантами поисковой выдачи - «Надо знать»
SEO для SaaS-продуктов: как конкурировать с гигантами поисковой выдачи - «Надо знать»
Twitter отметил сообщение Трампа как нарушающее правила соцсети - «Интернет»
Twitter отметил сообщение Трампа как нарушающее правила соцсети - «Интернет»
Автоматизированные правила в Google Ads: контролируем эффективность рекламы - «Заработок»
Автоматизированные правила в Google Ads: контролируем эффективность рекламы - «Заработок»
Остекление из нового российского материала не боится сильных ударов и агрессивных химикатов - «Новости сети»
Остекление из нового российского материала не боится сильных ударов и агрессивных химикатов - «Новости сети»
В июне россияне смогут увидеть затмение Венеры: астрономы обещают «шоу двух серпов» - «Новости сети»
В июне россияне смогут увидеть затмение Венеры: астрономы обещают «шоу двух серпов» - «Новости сети»
Tesla временно командировала 20 инженеров в аэрокосмическую компанию SpaceX - «Новости сети»
Tesla временно командировала 20 инженеров в аэрокосмическую компанию SpaceX - «Новости сети»
Модифицированная Cessna 208B стала крупнейшим в мире самолётом с «нулевым выбросом» - «Новости сети»
Модифицированная Cessna 208B стала крупнейшим в мире самолётом с «нулевым выбросом» - «Новости сети»
Россияне опасаются голосовать на выборах через интернет - «Интернет»
Россияне опасаются голосовать на выборах через интернет - «Интернет»
СК завершил расследование дела о фейках про коронавирус - «Интернет»
СК завершил расследование дела о фейках про коронавирус - «Интернет»
Мировой рынок носимых устройств стремительно растёт: Apple удерживает лидерство - «Новости сети»
Мировой рынок носимых устройств стремительно растёт: Apple удерживает лидерство - «Новости сети»
» » Селекторы тегов - «CSS»

В качестве селектора может выступать любой тег HTML, для
которого определяются правила форматирования, такие как: цвет, фон,
размер и т..;д. Правила задаются в следующем виде.


Тег { свойство1: значение; свойство2:
значение; ...


Вначале указывается имя тега, оформление которого будет переопределено, заглавными
или строчными символами не имеет значения. Внутри фигурных скобок пишется стилевое свойство, а после двоеточия.;— его значение. Набор свойств разделяется
между собой точкой с запятой и может располагаться как в одну строку, так и
в несколько (пример.;7.1).


Пример 7.1. Изменение стиля тега абзаца


HTML5CSS 2.1IECrOpSaFx


<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Селекторы тегов</title>
<style>
P {
text-align: justify; /* Выравнивание по ширине */
color: green; /* Зеленый цвет текста */

</style>
</head>
<body>

<p>Более эффективным способом ловли льва в пустыне
является метод золотого сечения. При его использовании пустыня делится
на две неравные части, размер которых подчиняется правилу золотого
сечения.</p>

</body>
</html>

В данном примере изменяется цвет и выравнивание текста
абзаца. Стиль будет применяться только к тексту, который
располагается внутри контейнера <p>.


Следует понимать, что хотя стиль можно применить к любому тегу, результат будет заметен только для тегов, которые непосредственно отображаются в контейнере <body>.



Вопросы для проверки


1. В какой строке содержится ошибка?



  1. H1 { margin-left: 20px;

  2. p { margin-left: 20px; padding-left: 20px;

  3. h2 { margin-right: 20px;

  4. head { color: #rob;

  5. body { font-size: 11pt; color: #aaa;


2. Таня для фона веб-страницы и цвета текста выбрала цвета #ffe9f2 и #6e143b и в стилях использовала следующий код, однако нужные цвета не проявились. В чем причина?


body {

background-color: #ffe9f2

color: #6e143b



  1. body написан строчными буквами.

  2. Свойство background-color неверное, следует писать background.

  3. Значения цветов указаны неправильно.

  4. В качестве селектора применять body некорректно.

  5. Не хватает точки с запятой.


3. Какая строка написана правильно?



  1. <P> { color: #333;

  2. P { color: #333;

  3. P: { color: #333;

  4. P { color: 333;

  5. P { color: #3333;


4. К какому селектору следует применить свойство margin, чтобы изменить отступы на веб-странице?



  1. !DOCTYPE

  2. A

  3. HEAD

  4. TITLE

  5. BODY


5. Как добавить фоновый цвет ко всем элементам <H1>?



  1. h1 { background-color: white

  2. h1.all { background-color: white

  3. h1:all { background-color: white

  4. h1[all] { background-color: white

  5. h1#all { background-color: white



Ответы


1. head { color: #rob;


2. Не хватает точки с запятой.


3. P { color: #333;


4. BODY


5. h1 { background-color: white


Смотрите также


А что там на главной? )))



Комментарии )))



Комментарии для сайта Cackle