1. Свойство background: цвет - задает цвет фона. Цвет можно выбрать любым. Цвет может быть задан в виде шестизначного кода (например, #53A32B;) или конкретное название цвета (например, red). Выбрать подходящий цвет можно на странице: коды и названия html цветов.
Аналогом является: background-color: цвет.
Более подробно про фон читайте в отдельной статье: как сделать фон для сайта.
2. Свойство background-image: url('images/bg.png'); - фоном будет картинка. В скобках указывается адрес фона изображения.
3. Свойство background-repeat: repeat - использовать фоновую картинку многократно. Другие возможные параметры:
· repeat-x - повторять фоновое изображение только по горизонтали
· repeat-y - повторять фоновое изображение только по вертикали
· no-repeat - не повторять фоновое изображение
4. Свойство border: 1px solid red; - вся область объекта будет в красной рамке, ширина которой 1 пиксель. Возможны и другие параметры вместо solid:
· dotted - рамка будет покрыта не сплошной линией, а точками
· dashed - рамка будет покрыта тире, пробел, тире и т.д.
· double - двойная рамка
· groove - рифленная 3D граница
Цвет и размер области рамки можно изменять. Цвет можно задавать в формате #XXXXXX или писать название цвета. Выбрать цвет можно на странице коды и названия html цветов
Примечание
Рамку можно задавать избирательно, т.е. только с тех сторон, где это нужно:
· border-bottom: 1px solid red; - линия будет только снизу
· border-top: 1px solid red; - линия будет только сверху
· border-right: 1px solid red; - линия будет только справа
· border-left: 1px solid red; - линия будет слева
Можно совмещать эти параметры, т.е. сделать линию только слева и снизу. Более подробно про задание границ читайте в специальной статье: свойство css border
5. Свойство color: #fc0ab1; - задает цвет текста. Цвет можно выбрать любым. С этим аргументом Вы уже были знакомы.
|
6. Свойство font-family: value; - задает шрифт текста. Существует очень много различных шрифтов. Например, самые распространенные шрифты:
· Verdana (я пользуюсь этим шрифтом)
· Times New Roman
· Arial
· Courier New
· Comic Sans MS
· Georgia
· Impact
Более подробно про шрифты и их выбор читайте в статьях:
· Какой выбрать шрифт для сайта
· Свойство font
7. Свойство font-size: 15px; - задает размер текса, в данном случае 15px. Можете вместо px так же писать другие единицы размерности: em и om.
8. Свойство font-weight: value; - задает толщину текста (насыщенность). Возможные значения:
· bold - полужирное
· bolder - жирное
· lighter - светлое
· normal - обычный
Можно толщину задавать цифрами: 100, 200, 300, 400, 500, 600, 700, 800, 900. Более подробно читайте в статье: свойство CSS font-weight
9. Свойство height: 100%; - задает высоту. Можно задавать в %, а можно в пикселях (px). Например: height: 100px.
10. Свойство padding-top: 5px; - отступ сверху. Возможно задать значение auto. Аналогичный тег: margin-top с разницей, что padding - отступ внутри элемента, а margin - от других элементов.
11. Свойство padding-right: 4px; - отступ справа. Возможно задать значение auto. Аналогичный тег: margin-right.
12. Свойство padding-bottom: 5px; - отступ снизу. Возможно задать значение auto. Аналогичный тег: margin-bottom.
13. Свойство padding-left: 4px; - отступ слева. Возможно задать значение auto. Аналогичный тег: margin-left.
14. Свойство width: 100%; - задает ширину. Можно задавать в %, а можно в пикселях (px).
15. Свойство overflow: value; - область видимости содержания блочного элемента, которое не помещается в нем. Возможные значения параметра:
· visible - отображается все содержание элемента, даже за пределами установленной высоты и ширины
|
· hidden - отображается только область внутри элемента, остальное будет обрезано
· scroll - всегда добавляются полосы прокрутки
· auto - полосы прокрутки добавляются только при необходимости
Более подробно читайте в статье: свойство CSS overflow
16. Свойство text-align: value; - выравнивание текста. Возможные значения параметра:
· left - по левому краю
· right - по правому краю
· center - по центру
· justify - выравнивание по левому и правому краю
· auto - автоматически
· inherit - наследование значения предка
Более подобно читайте в статье свойство CSS text-align
17. Свойство float: value; - определяет сторону, по которой будет выравниваться какой-то элемент, а остальные элементы будут обтекать его с других сторон. Возможные значения параметра:
· left - по левому краю
· right - по правому краю
· none - отсутствует
· inherit - наследование значения предка
18. Свойство line-height: 22px; - устанавливает межстрочный интервал в пикселях. Более подробно про растояние между строками читайте в статье свойство CSS line-height
19. Свойство white-space: value; - задает отображение между пробелами. Возможные значения:
· normal - обычное значение
· nowrap - пробелы не учитываются, переносы строк в коде HTML игнорируются
· pre - текст показывается с учетом всех пробелов и переносов, в случае длинной строки будет добавлена полоса прокрутки
· pre-line - пробелы не учитываются, текст автоматически переносится на следующую строку
· pre-wrap - сохраняются все пробелы и переносы, автопереход на следующую строку
· inherit - наследование значения предка
Более подробно читайте в статье: свойство CSS white-space
|
20. Свойство display: value; - определяет способ показа элемента. Имеет довольно много параметров:
· block - элемент показывается как блочный
· inline - элемент отображается как встроенный
· inline-block - создает блочный элемент, который обтекается другими элементами веб-страницы подобно встроенному элементу
· inline-table - элемент является таблицей
· list-item - элемент выводится как блочный и добавляется маркер списка
· none - временно удаляет элемент из документа. С помощью скриптов можно сделать его появление
· run-in - устанавливает элемент как блочный или встроенный в зависимости от контекста
· table - элемент является блочной таблицей
· table-caption - задает заголовок таблицы подробно
· table-cell - элемент представляет собой ячейку таблицы
· table-column - назначает элемент колонкой таблицы
· table-column-group - элемент является группой одной или более колонок таблицы
· table-footer-group - используется для хранения одной или нескольких строк ячеек, которые отображаются в самом низу таблицы
· table-header-group - элемент предназначен для хранения одной или нескольких строк ячеек
· table-row - элемент отображается как строка таблицы
· table-row-group - создает структурный блок, состоящий из нескольких строк таблицы
Более подробно читайте в статье: свойство CSS display
21. Свойство text-decoration: value; - опция для редактирования внешнего вида текста. Имеет несколько параметров:
· blink - мигающий текст
· line-through - перечеркнутый текст
· overline - верхнее подчеркивание текста
· underline - нижние подчеркивание текста
· none - выводит обычный текст
· inherit - наследуется у предка
Более подробно читайте в статье: свойство CSS text-decoration
22. Свойство text-transform: capitalize; - преобразование текста в заглавные или прописные буквы.
· capitalize - первый символ каждого слова в предложении будет заглавным
· lowercase - перевод всего текста в нижний регистр
· uppercase - перевод всего текста в верхний регистр
· none - не менять ничего
· inherit - наследование предка
Более подробно читайте в статье: свойство CSS text-transform
23. Свойство letter-spacing: 2px; - задает расстояние между буквами. Более подробно читайте в статье: свойство CSS letter-spacing