Меню
Наши новости
Учебник CSS

Невозможно отучить людей изучать самые ненужные предметы.

Введение в CSS
Преимущества стилей
Добавления стилей
Типы носителей
Базовый синтаксис
Значения стилевых свойств
Селекторы тегов
Классы
CSS3

Надо знать обо всем понемножку, но все о немногом.

Идентификаторы
Контекстные селекторы
Соседние селекторы
Дочерние селекторы
Селекторы атрибутов
Универсальный селектор
Псевдоклассы
Псевдоэлементы

Кто умеет, тот делает. Кто не умеет, тот учит. Кто не умеет учить - становится деканом. (Т. Мартин)

Группирование
Наследование
Каскадирование
Валидация
Идентификаторы и классы
Написание эффективного кода

Самоучитель CSS

Вёрстка
Изображения
Текст
Цвет
Линии и рамки
Углы
Списки
Ссылки
Дизайны сайтов
Формы
Таблицы
CSS3
HTML5

Новости

Блог для вебмастеров
Новости мира Интернет
Сайтостроение
Ремонт и советы
Все новости

Справочник CSS

Справочник от А до Я
HTML, CSS, JavaScript

Афоризмы

Афоризмы о учёбе
Статьи об афоризмах
Все Афоризмы

Видео Уроки


Видео уроки
Популярные статьи
Наш опрос



Наши новости

Киевская прописка фото
Еженедельная Киевская газета
propiska24.com

Mera корм для кошек
Элитные корма холистик класса
zoobudka.ru


РЕКЛАМА


ВАША РЕКЛАМА
16-03-2016, 18:55
Селекторы тегов - «CSS»
Рейтинг:
Категория: Учебник 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 }


Теги: CSS, , , Селекторы тегов

Просмотров: 7 138
Комментариев: 3:   16-03-2016, 18:55
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

 
Еще новости по теме:



Другие новости по теме:
Комментарии для сайта Cackle