Основы CSS
Здесь снова будет представлен обзор того, что вы уже прошли в уроке по основам HTML и CSS, однако, если вы не можете ответить на вопросы, приведенные ниже в разделе "Пункты для размышления", вы скорей всего только выиграете от повторного обзора базового материала.
Пункты для размышления
Постарайтесь ответить на предложенные вопросы. После выполнения задания попробуйте ответить на них ещё раз
- Что такое селекторы?
- В целом, насколько специфичными вы должны быть, когда собираетесь применить что-то к определенным элементам с помощью селекторов?
- В чем разница между
%,emиremпри определении размера? - Как можно выбрать элемент внутри другого элемента?
- Как можно сократить длинный набор CSS правил, которые задают одни и те же параметры для разных элементов, записав их в одну строку?
- Как применить правило к непосредственному потомку какого-то элемента?
- Как применить правило к классу внутри класса?
- Как применить правило к классу внутри ID?
- Как применить правило ко "всем ссылкам внутри элемента
li, у которых указан классbunny, и которые находятся внутри неупорядоченного списка с idthings-that-hop"? - Назовите 3 способа включить CSS в ваш проект.
- Как можно импортировать внешнюю таблицу стилей?
- Какова таблица стилей браузера по умолчанию?
- Что такое файл "CSS Reset" (сброс стилей) и зачем он нужен?
- Какая из таблиц стилей будет приоритетной, если вы импортируете сразу несколько, и в них существуют перекрывающиеся стили?
- Каков порядок приоритета селекторов (т.е., если вы определили для
<body>черный (black) цвет, но для<h1>синий (blue), а для классаmain-titleкрасный (red), какой из цветов будет использован в этом случае<body style="color:yellow"><h1 class="main-title" style="color:green">Howdy!</h1><body>?)
Задание:
- Шей Хоу (Shay Howe) об основах HTML и CSS
Дополнительные ресурсы
Этот раздел содержит полезные ссылки на дополнительные материалы. Они не обязательны, так что расценивайте их как нечто полезное, если вы хотите поглубже погрузиться в тему.
- Изучайте селекторы CSS интерактивно с помощью CSS Diner
- Укрощение продвинутых CSS селекторов в Smashing Magazine