• Новые сообщения
  • Участники
  • Правила форума
  • Поиск
  • RSS
  • Страница 1 из 1
  • 1
Форум » Web-Раздел » Начинающему вебмастеру » Подробный словарь CSS для вебмастера
Подробный словарь CSS для вебмастера
Kosten
 		Пятница, 16 Декабря 2016 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
« 555 »
Если создали сайт, то думаю вам нужно изучить стили. Или хотябы просто знать, какие стили отвечают на сайте. И после этого вам намного легче будет создавать оригинальный по своей стилистики сайт.



И так начнем.

Свойства фона:

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

Свойства границ:

[info]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 - задает ширину внешней границы элемента.[/info]

Свойства размера

[info]min-width - определяет минимальную ширину элемента.
max-width - определяет максимальную ширину элемента.
min-height - определяет минимальную высоту элемента.
height - определяет высоту элемента.
width - определяет ширину элемента.
max-height - определяет максимальную высоту элемента.[/info]

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

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

Свойства таблицы:

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

Свойства текста:

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

CSS Псевдоклассы/элементы:

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

Свойства списка:

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

Свойства отступов:

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

Свойства полей:

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

Свойства позиционирования:

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

PS -также можете скачать текстовый документ для личного пользование.
Прикрепления: 7553648.png (26.4 Kb) · 6576.txt (6.6 Kb)
Страна: (RU)
Kolinkor
 		Пятница, 16 Декабря 2016 | Сообщение 2
Оффлайн
Vip
Сообщений:306
Награды: 1
« 7 »
Не чего себе, теперь понимаю, почему такие цены за создание сайта.
Страна: (RU)
ДимДимыч
 		Пятница, 16 Декабря 2016 | Сообщение 3
Оффлайн
Vip
Сообщений:127
Награды: 7
« 14 »
Получилась некая шпаргалка для веб мастера, не плохо скажу и нужная темка.
Страна: (RU)
Kosten
 		Пятница, 16 Декабря 2016 | Сообщение 4
Оффлайн
Администраторы
Сообщений:44342
Награды: 70
« 555 »
Согласен, и самому нужно заточить мозжечок на эту тему.
Страна: (RU)
FeStemBer
 		Пятница, 16 Декабря 2016 | Сообщение 5
Оффлайн
Проверенные
Сообщений:355
Награды: 1
« 13 »
Так интересно, и очень много знакомых букв нашел. 47a
Страна: (RU)
Alexandrhhh
 		Пятница, 16 Декабря 2016 | Сообщение 6
Оффлайн
Vip
Сообщений:83
Награды: 7
« 30 »
Я бы сюда ещё много чего добавил, но из основного наверное
display и его значения) используется прям очень очень часто)
Страна: (RU)
ХОЗЯИН
 		Суббота, 17 Декабря 2016 | Сообщение 7
Оффлайн
Пользователи
Сообщений:40
Награды: 0
« 0 »
Цитата Alexandrhhh ()
display и его значения)

ужо есть ))
Цитата Kosten ()
display - определяет, как элемент должен быть показан в документе.
Страна: (FI)
FeStemBer
 		Суббота, 17 Декабря 2016 | Сообщение 8
Оффлайн
Проверенные
Сообщений:355
Награды: 1
« 13 »
Просто у кого сайт, не все там должен знать, но какие то основы.
Страна: (RU)
Alexandrhhh
 		Суббота, 17 Декабря 2016 | Сообщение 9
Оффлайн
Vip
Сообщений:83
Награды: 7
« 30 »
Цитата FeStemBer ()
не все там должен знать

Ну не знаю. Моё мнение, что создатель должен шарить) а если ты заказываешь у кого-то, то ты не паришь вообще голову, заказал и всё, а доработкой и поддержкой они же и занимаются.
А если делаешь ты, то будь добр знать не просто основы, но и что-то менять-дополнять при необходимости.
Цитата ХОЗЯИН ()
ужо есть ))

Не заметил, мой косяк) искал надписи типо block, flex, table и т.д.
Страна: (RU)
tsakonter
 		Суббота, 17 Декабря 2016 | Сообщение 10
Оффлайн
Пользователи
Сообщений:220
Награды: 0
« 8 »
Alexandrhhh, одно дело заказать, но потом все равно ты останешься один на один с шаблоном и без каких то знаний вести сайт как то не очень будет.
Страна: (RU)
Форум » Web-Раздел » Начинающему вебмастеру » Подробный словарь CSS для вебмастера
  • Страница 1 из 1
  • 1
Поиск: