Что такое CSS?
Что такое каскадность?
Как подключаются стили?
Блочная модель.
Правила и селекторы.
Наследование правил CSS.
Как вычисляется вес правил?
Кроссбраузерность.
10. Каскад в CSS
● Найти все правила, селектор которых подходит для выбора
данного элемента.
● Разделить все объявления из найденных правил на группы
согласно важности и источника:
● важные объявления читателя;
● важные объявления автора;
● обычные объявления автора;
● обычные объявления читателя;
● объявления агента пользователя.
● В пределах групп провести сортировку объявлений по весу.
● При равном весе сортировать по очередности расположения.
18. Правила блочной модели
● Элементы обычно прямоугольные.
● Размеры блока определяются:
width, height, padding, borders, and margins.
● Выстота блока равна высоте контейнера,
если она не задана, плюс padding (кроме
случая, если задано свойство float)
● Не плавающие блоки (non-floated)
расширяются до размеров родителя, если
ширина не задана, минус padding.
19. Что нужно помнить о блоках?
● Если ширина блока “100%”, то он не должен
иметь margin, padding или borders. Иначе
он выйдет за границы родителя (overflow).
● Вертикальные margin схлопываются
(дальше).
● Относительно или абсолютно
спозицированные элементы ведут себя по
разному.
31. Как подсчитать вес?
● каждый присутствующий в селекторе id: +4
● класс, псевдокласс или атрибут: +2
● элемент или псевдоэлемент: +1
● универсальный селектор и комбинаторы не
учитываются.
32. Пример правил и их вес
● p {/* 1 */}
● div p {/* 2 */}
● p.note {/* 3 */}
● form.feedbackForm input[type="text"] {/* 4 */}
● #conten a:hover {/* 7 */}