Please enable JavaScript.
Coggle requires JavaScript to display documents.
Html academy, Ошибки (как элементы могут выпадать из потока? (Место…
-
Ошибки
-
-
-
-
-
-
-
-
-
-
-
надо повторить Управляем пробелами: white-space Link Title
-
-
Не понял: Чтобы был виден эффект вертикального выравнивания, нужно задать высоту строки такую же, как высота элемента, то есть 40px.
-
-
забыл что заголовок блочный элемент, вместо высоты задал паддинг
-
-
-
-
-
формы лучше перепройти я забываю не понимаю про внутрености типа нэйм валуе и совсем не понимаю добавления ползунка
-
-
-
-
-
-
-
селекторы
-
что бы не выбирать определенный элемент
используй селектор ;not (исключение :not родительские и соседние селекторы, псевдоэлементы, объединенные селекторы,
-
-
-
-
-
-
::before {content:""} задает псевдоэлемент, которому можно назначать стили. ведет себе как спан
-
-
-
-
селектор[foo|="bar"] выбирает элементы либо со значением bar, либо где строка начинается с bar, он как бы объединяет тег [foo="bar"] и [foo^="bar"]
псевдокласс :enabled нужен, что бы обращаться только к октивным полям формы, а :disabled к заблокированым
псевдокласс :read-only выбирает поля формы, которые можно только читать и копировать, а :read-write которые можно редактировать.
если браузер их не поддерживает, то можно использовать [readonly] и not([readonly])
:required выбирает обязательные для заполнения поля, а :optional выбирает все в которых не указан required
-
:valid выбирает элементы которые введены коректно по форматам атрибутам email url pattern :invalid выбирает некоректные
:in-range выбирает элементы подпадающие под диапазон min max, а :out-of-range не подпадающих
при помощи выбранных checked чекбоксов и радиокнопок и символа ~ последующих элементов можно задавать вкладки. при выбранном чекбоксе включается дисплэй блок и открывается вкладка
Позиционирование для декоративности, иконки, управляющие элементы
Поток это порядок отображения элементов.
Чем раньше элемент в коде тем он выше
он расположен на странице
-
свойство top, left для относительного позиционирования смещает элемент относительно своего исходного положения
по вертикали и горизонтали
свойство top, left для абсолютного позиционирования смещает элемент относительно окна браузера или ближайшего родителя до раннего абсолютного элемента
Свойство марджин для абсолютного работает также как лефт топ для относительного меняется относительно изначального положения
свойство z-index задает порядок наложения позиционирования, чем больше число тем выше позиционирование
-
формы
-
-
-
тег datalist добавляет возможные значения для поля, связывает их общее значение атрибутов list поля и id списка
-
-
Сетки
inline-block
Как у строчного элемента содержание задает ширину,
он может вставать в колонки, к нему применяется выравнивание по высоте и горизонтальное выравнивание
text-align родителя
Как блочному элементу ему можно задавать высоту, ширину, паддинги, бордеры и маржины
-
-
их не используют для построения сеток потому что старые браузеры не поддерживают и пробелы в разметке создают лишние отступы (ведь инлайны ведут себя как строчные)
-