....

CSS3 - стилизация и форматирование для разметки)


Общие вводные:

  • Селектор (тэг): блок правил (сво-во - color): (значение red).
  • Выбор элементов
    • !important не рекомендуется
    • * (для всех)
    • p.class 
    • p#id 
    • h1,h2 (группа)
    • div p span (цепочка вложенных)
    • ul li > span следует сразу
    • ul li + li последующий после указаного
    • br ~ p следующий элемент
    • a[target] / a[target="_blank"]
    • a[href~="http"] в начале строки
    • a[href$=".jpg"] в конце строки
    • a[href*="link"] в любом месте
  • Превдоселекторы и псевдоклассы
    • a:hover при наведении
    • a:visited посещенная ссылка
    • a:active щелчек + клик
    • a:focus (таб) обводка активного элемента
    • p:first-later первая буква 
    • p:first-line первая строка
    • p:selection выделение фрагмента текста
    • p:before создание блока перед (display: block; content '';)
    • p:after создание блока после (display: block; content '';)
    • p:first-child
    • p:last-child
    • p:nth-child(3) третий
    • p:nth-child(3n+1) каждый 3
    • p:nth-child(even) четные
    • p:nth-child(odd) не четные
    • li:not(.item) кроме
  • fwe

 





#329 | 2022-12-07 14:48:17 Проверено

boostrap, адаптивная верстка
css grid, css flexbox
сборщики типа gulp
препроцессоры less, sass
верстка на осное технических блоков
методолология БЭМ БЛОК - ЭЛЕМЕНТ - МОДИФИКАТОР
сброс стилей браузера по умолчаиню (normalize.css, reset.css)
блочная модель, позиционирование и размеры, приоритет поток (z-index), эффект схлопвывания+

#330 | 2022-12-07 14:49:08 Проверено

normalize.css, reset.css

#331 | 2022-12-07 14:52:21 Проверено

Потоки (z-index)
Media-элементы

Здесь можно оставить комментарий!