Главная | Новости | Блог | Ответы | Учебник | Правила |
Вы здесь: ГлавнаяУчебникCSS
Вход | Регистрация
Краткая инструкция по таблицам стилей css

Значения параметров
Цвет - пишется в формате #RRGGBB RR - составляющая красного, GG - зеленого, BB - синего цвета. Подобрать цвет можно в любом графическом редакторе или в яндексе (напишите rgb в строке поиска). Или можно использовать названия цветов на английском.
Позиция - letf top bottom rigth center.
Размер/отступ - ЧИСЛОpx, ЧИСЛО%. Пример: максимально допустимый размер - 100%, 100 точек - 100px.

Параметры css:
color - цвет
color: red или color: #FF0000,

border - рамочка
border: 1px solid #FF0000 или border: 0px

width - ширина
width: 10px или width: 100%

height - высота
height: 10px или height: 100%

background-color - цвет заливки заднего плана
background-color: red или background-color: #FF0000

margin - внешний отступ
Добавочные margin-letf, margin-top, margin-right, margin-bottom
margin: 10px - отступ со всех сторон 10 точек
margin-left: 10px - отступ от левого края на 10 точек.

padding - внутренний отступ
Добавочные такие же как в margin.
padding: 10px или padding-bottom: 10px

text-decoration - дополнительные параметры оформления текста
text-decoration: none - убрать всё. Например, можно убрать подчеркивание у ссылок.

text-align - позиция текста
text-align: left - по левому краю, text-align: right - по правому, text-align: center - по центру, text-align: justify - растягивается по всей ширине.

font-family - задает шрифт
font-family: Arial, Helvetica, sans-serif; - выбрать Arial. Если его нет, то Helvetica, если нет, то sans-serif.

font-size - размер шрифта
font-size: 14px; - 14 точек или font-size: 150% - на 50% больше основного текста

background-image: url(файл картинки) - задать картинку для заднего фона
background-repeat - дублировать картинку для заднего фона
background-repeat: no-repeat (не дублировать)| repeat-x (дублировать справа налево)| repeat-y (дублировать сверху вниз)

float - плавающий слой (использовать, только если понимаете)
float: left - по правому краю, float: right - по правому краю
clear:both; - сбросить все плаванья

Еще некоторые примеры
font-weight: bold - сделать шрифт жирным. Это можно использовать для любого тэга и не использовать тэг b.

Таблицы стилей css поддерживают сложные выборки для формирования внешнего вида. Об этом есть куча книг в интернете. Не будем это описывать.
О нас | Написать нам | Сообщить о правонарушении |

Создать свой сайт © Конструктор сайтов Letnick.com 2006-2017