a primavera

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » a primavera » Тестовый форум » ebanina ebanaya


ebanina ebanaya

Сообщений 1 страница 2 из 2

1

Пункт первый. Основы

Принцип построение кода:

Код:
element {
parameter: argument;
parameter: argument;
parameter: argument;
}

element - номер и название элемента. Это может быть столбец, логотип, иконка и т.д.
parameter: - свойство этого элемента. Например, фон, высота, ширина, цвет, поля и т.д.
argument; - значение свойства. Например, у свойства "фон" может быть значение голубой, оранжевый, прозрачный и т.д.

Основные параметры

Height - высота элемента

Width - ширина элемента

Background (фон)
background-color – цвет заливки (веб-значение)
  transparent - прозрачный
  #123456 - номер цвета
background-attachment – прокрутка фона
   scroll - фон поддается прокрутке
   fixed - не поддается прокрутке.
background-image – фоновая картинка
   url ("...") – в скобках указываете адрес изображения
   none – отсутствие картинки
background-repeat – автоматическое размножение фона
   no-repeat - не размножается
   repeat-x - размножается по горизонтали
   repeat-y - размножается по вертикали
   repeat - размножается в обоих направлениях.
background-position – расположение фона. Примечание: сначала указывается расположение по вертикальной оси: top, center или bottom, затем - по горизонтальной: left, center или right.

Border (рамка)
border-color – цвет рамки (веб-значение)
border-width – толщина рамки (px)
border-style – стиль начертания
   none – отсутствие рамки
   dotted – пунктир (точки)
   dashed – штрих-пунктир
   solid - одинарная
   double - двойная
   groove – трехмерный эффект
   ridge - трехмерный эффект возвышения
   inset - трехмерный эффект углубления
   outset - трехмерный эффект выпуклости фона
border-top – параметр верхней кромки
border-bottom – параметр нижней кромки
border-left – параметр левой кромки
border-right – параметр правой кромки

Color (цвет) – цвет шрифта элемента (веб-значение)

Font (шрифт)
font-size – размер шрифта. Лучше задавать в размерности (px, em и т.д.).
font-style - начертание
   normal - стандарт
   italic - курсив
   oblique - чуть менее наклонный, чем курсив
font-weight – толщина
   normal - стандарт
   bold – полужирный
letter-spacing – расстояние между буквами, задается в пикселях.
font-family – название шрифта, задается полное название в кавычках (например "Calibri")

Text (текст)
text-align - выравнивание текста внутри элемента.
   left - по левому краю
   right - по правому краю
   center - по центру
   justify - по ширине
text-decoration - украшение текста
   underline - подчеркивание
   overline - верхнее подчеркивание
   none - никакого
   line-through - перечеркивание
text-shadow - тень текста
text-transform - преобразование текста
  capitalize - первый символ каждого слова в предложении будет заглавным, остальные символы свой вид не меняют.
  lowercase - все символы текста становятся строчными (нижний регистр).
  uppercase - все символы текста становятся прописными (верхний регистр).

Display – отображение элемента. Значения:
   none - отсутствует
   block –
   list-item – элемент как часть списка, присваивается маркер
   inline – вывод элемента в одну строку

Padding - отступы вокруг основного объекта
  padding-top - верхняя отбивка
  padding-bottom - нижняя отбивка
  padding-left - левая отбивка
  padding-right - правая отбивка.

Margin - отступы дочерних объектов
  margin-top - верхний отступ
  margin-bottom - нижний отступ
  margin-left - левый отступ
  margin-right - правый отступ

Vertical-align - выравнивание элемента по вертикали
   top - по верхнему краю
   bottom - по нижнему
   middle - посередине

Размерности

em – высота шрифта
ex – высота буквы
px - пикселы
in - дюймы
cm - сантиметры
mm - миллиметры
pt - пункты
% - проценты

0

2

color — определяет цвет текстa:
color: #000066

text-decoration — отвечает за оформление текста:
text-decoration: none   →   текст без декараций (значение по умолчанию);
text-decoration: underline   →   подчеркнутый текст;
text-decoration: overline   →   черта сверху текста;
text-decoration: line-through   →   зачеркнутый текст;
text-decoration: blink   →   мигающий текст (не поддерживается IE);
text-decoration: uppercase   →   все буквы заглавные;
text-decoration: lowercase   →   все буквы маленькие;
text-decoration: capitalize   →   каждое слово в строке начинается с большой буквы.

text-align — горизонтальное выравнивание текста:
text-align: left|right|center|justify
по левому краю | по правому краю | по центру | по ширине

vertical-align — определяет вертикальное выравнивание:
vertical-align: sub|super|top||middle|bottom
vertical-align: sub   →   преобразует текст в нижний индекс;
vertical-align: super   →   преобразует текст в верхний индекс;
vertical-align: top   →   выравнивает текст поверху ячейки таблицы;
vertical-align: middle   →   выравнивание текста по центру (по вертикали) ячейки таблицы;
vertical-align: bottom   →   выравнивание текста понизу ячейки таблицы.

text-indent — определяет отступ строки в пикселях или процентах:
text-indent: 50px

text-transform — oпределяет регистр символов:
text-transform: none|capitalize|uppercase|lowercase
text-transform: none   →   обычный текст (значение по умолчанию);
text-transform: capitalize   →   преобразует первую букву каждого слова в заглавную;
text-transform: uppercase   →   все буквы заглавные;
text-transform: lowercase   →   все буквы маленькие.

word-spacing — определяет дополнительное расстояние между словами в тексте:
word-spacing: 5px

letter-spacing — oпределяет дополнительное расстояние между символами в тексте:
letter-spacing: 2px

line-height — определяет расстояние между строками по вертикали в пикселях или процентах:
line-height: 200%

0


Вы здесь » a primavera » Тестовый форум » ebanina ebanaya


Рейтинг форумов | Создать форум бесплатно