Словарь CSS для начинающих.
Обновлено 2016-01-26 8910 2.7 3


Словарь CSS

CSS (Cascading Style Sheets — каскадные таблицы стилей) – одна из базовых технологий в современном Интернете. Редко можно встретить сайт, свёрстанный без применения CSS. CSS-код – это список инструкций для браузера, как и где отображать элементы веб-страницы, написанный особым образом. Под «элементами» обычно подразумеваются теги XHTML/HTML и их содержимое. Теги CSS не являются какой либо тайной, они абсолютно бесплатны, надо только уметь применять их на страницах своего сайта.

Словарь CSS для новичков

Свойства фона
background-position - задает стартовую позицию фонового изображения.
background - объединяет в себе все свойства, которые используются для определения фона страницы.
background-attachment - определяет является ли фоновое изображение фиксированным или прокручивается вместе со страницей.
background-color - задает цвет фона для элемента.
background-image - определяет используемое изображение фона для элемента.
бесплатный css,скачать css справочник,теги css,Свойства границ

border-bottom-width -задает ширину нижней границы элемента.
border-left-width - задает ширину левой границы элемента.
border-left-style - задает стиль левой границы элемента.
border-left-color - задает цвет левой границы элемента.
border-left - объединяет в себе все свойства, которые используются для определения левой границы (рамки) элемента.
outline-color - задает цвет внешней границы элемента.
border-collapse - способно удалять двойные линии (границы) на месте стыка ячеек таблицы.
border-width - задает ширину для четырех границ.
border-top-width - задает ширину верхней границы элемента.
border-top-style - задает стиль верхней границы элемента.
outline-style - задает стиль внешней границы элемента.
border-right - объединяет в себе все свойства, которые используются для определения правой границы (рамки) элемента.
border-right-color - задает цвет правой границы элемента.
border-right-style - задает стиль правой границы элемента
border-bottom-color - задает цвет нижней границы элемента.
border-bottom - объединяет в себе все свойства, которые используются для определения нижней границы (рамки) элемента.
border - объединяет в себе все свойства, которые используются для определения границы (рамки) элемента.
border-color - задает цвет для четырех границ.
outline - задает внешнюю границу вокруг элементов
border-top-color - задает цвет верхней границы элемента.
border-top - объединяет в себе все свойства, которые используются для определения верхней границы (рамки) элемента.
border-style - задает стиль для четырех границ.
border-spacing - задает расстояние между границами ячеек в таблице
border-right-width - задает ширину правой границы элемента.
outline-width - задает ширину внешней границы элемента.

Свойство размера
min-width - определяет минимальную ширину элемента.
max-width - определяет максимальную ширину элемента.
min-height - определяет минимальную высоту элемента.
height - определяет высоту элемента.
width - определяет ширину элемента.
max-height - определяет максимальную высоту элемента.

Свойство шрифта

font-size - задает размер шрифта.
font-weight - определяет толщину символов в тексте.
font-style - задает стиль шрифта для текста.
font-family - задает шрифт для элемента.
font - бъединяет в себе все свойства, которые используются для определения шрифта.
font-variant - определяет должен ли текст отображаться капительными буквами или нет.

Свойства генерированного контента
quotes - задает тип кавычек, которые используются для вставленных цитат.
counter-reset - создает или сбрасывает один или несколько счетчиков.
counter-increment - используется для увеличения значения счетчика приращений
content - предназначено для вставки сгенерированного контента

Свойство списка
list-style - объединяет в себе все свойства, которые используются для определения внешнего вида списка.
list-style-position - определяет место расположение маркера списка.
list-style-type - определяет тип маркера в списке.
list-style-image - заменяет маркер списка изображением.

Свойство отступов
margin-top - определяет верхний отступ для элемента.
margin-right - определяет правый отступ для элемента.
margin-bottom - определяет нижний отступ для элемента.
margin-left - определяет левый отступ для элемента.
margin - задает все свойства отступов в одной строке.

Свойство полей
padding-top - задает верхнее поле для элемента.
padding-right - задает правое поле для элемента.
padding-left - задает левое поле для элемента.
padding-bottom - задает нижнее поле для элемента.
padding - задает все свойства полей в одной строке.

Свойство позиционирования
top - устанавливает положение верхнего края содержимого элемента без учета толщины рамок и отступов.
cursor - определяет тип курсора при наведении мышки на элемент.
display - определяет, как элемент должен быть показан в документе.
visibility - способно сделать любой видимым или невидимым.
right - устанавливает положение правого края содержимого элемента.
z-index - управляет расположением элемента по z-оси
float - определяет по какой стороне будет выравниваться объект. Остальные элементы будут обтекать его с других сторон.
clip - позволяет определить область позиционированного элемента, в которой будет показано его содержимое.
left - устанавливает положение левого края содержимого элемента
clear - устанавливает с какой стороны элемента запрещено обтекание другими элементами.
overflow - управляет отображением содержания блочного элемента
bottom - устанавливает положение нижнего края содержимого элемента без учета толщины рамок и отступов.
position - используется для позиционирования элемента.

Свойства таблицы
caption-side - задает расположение заголовка (подписи) таблицы.
empty-cells - позволяет определить показывать границы и фон пустых ячеек или нет.
table-layout - позволяет определить алгоритм разметки таблицы.

Свойства текста
vertical-align - задает вертикальное выравнивание элемента.
word-spacing - уменьшает или увеличивает пробелы между словами.
white-space - определяет отображение пробелов между словами.
text-align - определяет горизонтальное выравнивание текста в элементе.
text-indent - определяет отступ первой строки в текстовом блоке.
text-decoration - определяет оформление текста.
direction - позволяет задать направление отображения текста.
line-height - определяет высоту строки.
letter-spacing - увеличивает или уменьшает расстояние между буквами в тексте.
color - позволяет задать цвет текста.
text-transform - контролирует в тексте выделение заглавными буквами.

CSS Псевдоклассы/элементы
:lang - добавляет стиль к элементу со специальным атрибутом lang.
:hover - добавляет стиль к элементу при наведенной мышкой.
:active - добавляет стиль к активному элементу.
:first-child - добавляет стилевое оформление к первому дочернему элементу селектора
:visited - добавляет стиль к посещенной ссылке.
:after - добавляет контент после элемента.
:before - добавляет контент до элемента.
:focus - добавляет специальный стиль к элементу, который получает фокус.
:first-line - добавляет стилевое оформление к первой строке текста.
:first-letter - добавляет стилевое оформление к первой букве текста.
:link - добавляет стиль к непосещенной ссылке.







Теги:CSS, начинающему, для вебмастера

Читайте также:
Похожие записи, из рубрики:
  • Сервисы проверки сайтов | Хороший способ получить вечную обратную ссылку.
  • Отключение в Chrome функций слежения за пользователем
  • Программисты, юристы, бухгалтера. Удаленная работа.
  • Фриланс, лучшие биржи поиска удаленной работы
Комментарии
0
3 Newly_made10   (2016-06-21 9:21:47) [Материал]
Если вы профессионально занимаетесь веб дизайном или програмированием, то знание этих терминов необходимо как знание языка той страны, где вы проживаете. smile

0
2 Алекс   (2016-06-18 6:15:58) [Материал]
аватар rutop.netТакой CSS словарь в голове не удержишь. У меня всегда все не получается с этими CSS таблицами, могу день проковыряться в их, что бы исправить что-то. Может эта статья мне поможет, сохраню в закладки.

0
1 Tatika   (2016-03-26 8:29:50) [Материал]
Действительно, такая сложная штука эти элементы веб-страниц! Так много информации описывают эти таблицы, что сложно все это упомнить. Вот кое как удалось разобраться с прописыванием основных тэгов для страниц сайта, но конечно основная информация собрана в CSS-таблицах, которые предоставлены в шаблоне хостинга, на котором расположен мой сайт. Самостоятельно разобраться сложно, хорошо что случайно обнаружила этот бесплатный CSS-словарь, надо сохранить информацию.

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]