css предлагает следующий порядок:
1. Атрибуты позиционирования макета: display/position/float/clear/visiblity/overflow (рекомендуется сначала написать display, связанный с режимом) 2. Self
атрибуты: width/height/margin/padding/border/background
3. Text атрибуты: цвет/шрифт/украшение текста/выравнивание текста/выравнивание по вертикали/белое пространство/разрыв слова 4. Другие
атрибуты (CSS3): содержимое/курсор/радиус границы/тень блока/тень текста/фон :линейный -градиент
1. Атрибуты позиционирования макета:
отображение: блочный блочный элемент (div)/встроенный встроенный элемент (span)/встроенный блочный встроенный блочный элемент/нет
позиции: статическое позиционирование (опция по умолчанию)/фиксированное фиксированное позиционирование/относительное относительное позиционирование/абсолютное абсолютное позиционирование /sticky sticky positioning
float: left (плавать влево)/right (плавать вправо)/none (значение по умолчанию)/inherit (наследовать плавание от родительского элемента) clear: none (значение по умолчанию. Разрешить плавающие
объекты с обеих сторон)/left: Floating объекты не допускаются слева/справа: Плавающие объекты не допускаются справа/оба: Плавающие объекты не допускаются
видимость: виден ли атрибут да
переполнение: виден (значение по умолчанию, содержимое не будет обрезано и будет будет отображаться в поле элемента снаружи)/скрытое содержимое будет обрезано, а остальная часть не будет видна/содержимое прокрутки будет обрезано, но браузер отобразит полосу прокрутки для просмотра оставшегося содержимого/авто Если содержимое будет обрезано, браузер отобразит полосу прокрутки для просмотра остального содержимого. /inherit предусматривает, что общее количество значений переполнения наследуется от родительского элемента
2. Собственный атрибут
width: ширина в px см в процентах
высота: высота в px в процентах
margin: внешнее
заполнение полей : внутренняя
граница поля: граница ширина границы граница стиль граница цвет
background: background-color/background-position/background-size/background-size/background-repeat/background-origin/background-clip/background-attachment/background-image 3. Цвет атрибута текста: color/rbga(
)
font
: font-style/font-variant/font-weight/font-size/line-height/font-family
text-decoration: none (текст по умолчанию)/underline (строка под определенным текстом)/overline (строка над определенным text line)/line-through (определяет линию через текст)/blink (определяет мигающий текст)/inherit (указывает, что значение атрибута text-decoration должно быть унаследовано от родительского элемента) text-aling: горизонтальный выравнивание текста в
тексте Метод влево/вправо/по центру/выравнивание/наследование
по вертикали: выравнивание по вертикали базовая линия (по умолчанию)/подстрочный (нижний индекс для вертикально выровненного текста)/надстрочный (верхний индекс для вертикально выровненного текста)/верхний (выравнивание верх элемента со строкой Выровнять верх самого высокого элемента по середине)/text-top (выровнять верх элемента с верхом шрифта родительского элемента)/middle (предотвратить попадание этого элемента в середине родительского элемента)/нижний (выровняйте верхнюю часть элемента с верхней частью самого нижнего элемента в выравнивании строки)/длина (единица длины)/% (используйте процентное значение высоты строки), чтобы упорядочить этот элемент. Отрицательные числа/наследование разрешено
white-space: нормальная обработка пробелов (объединение пробелов)/nowrap (объединение пробелов, но без переноса)/pre-wrep (сохранение пробелов в исходном коде, отображение нескольких пробелов, если пробелов несколько, и перенос только разрывов строк и разрывы строк в исходном коде
)/pre-line (оставлять пробелы для разрывов строк) flag
break-word: автоматическая обработка разрывов строк в обычном режиме (в соответствии с правилами переноса строк по умолчанию в браузере)/break-all (разрешить разрывы строк внутри слов)/ keep-all (только в пробелах половинной ширины или через дефис, кроме новой строки)
4. Другие атрибуты:
содержимое: нормальный ()
курсор: определяет форму курсора, используемую, когда мышь помещается в
URL-адрес диапазона элемента (URL-адрес пользовательского курсора для использовать)/по умолчанию (курсор по умолчанию обычно представляет собой стрелку)/авто (курсор, установленный браузером по умолчанию)/перекрестие (курсор выглядит как перекрестие)/указатель (курсор выглядит как рука для указателей ссылок знаний)/ move (курсор знает, что объект можно перемещать)/e-resize (этот курсор знает, что объект можно перемещать вправо)/ne-resize (вверх и вправо на север/восток)/nw-resize(вверх и влево) )/nw-resize(вверх и влево)/se-resize(вниз и вправо) /sw (внизу слева)/s-resize (внизу)/w-resize (влево)/text (текст, указанный курсором)/wait (программа занята)/help
border-radius: Добавляет закругленную границу к элементу div. border-radius:2em == border-top-left-radius:2em;border-top-right:2em;border-bottom-right-radius:2em;border-bottom - левый радиус: 2em;/граница-радиус: 2em 1em 4em / 0,5em 3em == граница-верхний радиус: 2em 0,5em; граница-верхний-правый-радиус: 1em 3em; граница-нижний-правый-радиус: 4em 0.5em; border-bottom-left-radius: 1em 3em;
box-shadow: h-shadow (положение тени должно быть горизонтальным, допускаются отрицательные значения) v-shadow (положение тени должно быть по вертикали, копирование разрешено) размытие (необязательный. Расстояние размытия) распространение (необязательный. Размер тени) цвет (необязательный. Цвет тени) вставка (необязательный, чтобы изменить внешнюю тень на внутреннюю тень) text-shadow
: свойство для установки тени h-shadow в текст (обязательный. Качество воды Положение тени. Допускаются отрицательные значения) v-shadow (Обязательный. Положение вертикальной тени. Допускаются отрицательные значения) blur (Необязательный .Расстояние размытия) цвет(Опционально. Цвет тени)
background: сокращенное свойство для установки всех свойств фона в одном свойстве background-color (фоновый элемент); background-position (положение фонового изображения); background-size (размер фонового изображения); background-repeat (предписывает, как повторить фоновое изображение); background-origin (область позиционирования фонового изображения); background-clip (область отрисовки фона); background-attachment (указывает, является ли фоновое изображение фиксированным или прокручивается с областью страница); background-image (используемое фоновое изображение); inherit (наследует свойство background от вторичного свойства)
linear-gradient: Gradient