Меню
Наши новости
Учебник CSS

Невозможно отучить людей изучать самые ненужные предметы.

Введение в CSS
Преимущества стилей
Добавления стилей
Типы носителей
Базовый синтаксис
Значения стилевых свойств
Селекторы тегов
Классы
CSS3

Надо знать обо всем понемножку, но все о немногом.

Идентификаторы
Контекстные селекторы
Соседние селекторы
Дочерние селекторы
Селекторы атрибутов
Универсальный селектор
Псевдоклассы
Псевдоэлементы

Кто умеет, тот делает. Кто не умеет, тот учит. Кто не умеет учить - становится деканом. (Т. Мартин)

Группирование
Наследование
Каскадирование
Валидация
Идентификаторы и классы
Написание эффективного кода

Самоучитель CSS

Вёрстка
Изображения
Текст
Цвет
Линии и рамки
Углы
Списки
Ссылки
Дизайны сайтов
Формы
Таблицы
CSS3
HTML5

Новости

Блог для вебмастеров
Новости мира Интернет
Сайтостроение
Ремонт и советы
Все новости

Справочник CSS

Справочник от А до Я
HTML, CSS, JavaScript

Афоризмы

Афоризмы о учёбе
Статьи об афоризмах
Все Афоризмы

Видео Уроки


  B
background
background-attachment
background-clip
background-color
background-image
background-origin
background-position
background-repeat
background-size
border
border-bottom
-----------------
border-bottom-color
border-bottom-left-radius
border-bottom-right-radius
border-bottom-style
border-bottom-width
border-collapse
border-color
border-image
border-left
-----------------
border-left-color
border-left-style
border-left-width
border-radius
border-right
border-right-color
border-right-style
border-right-width
border-spacing
border-style
---------------
border-top
border-top-color
border-top-left-radius
border-top-right-radius
border-top-style
border-top-width
border-width
bottom
box-shadow
box-sizing
---------------
 C
caption-side
clear
clip
color
---------------
column-count
column-gap
column-rule
column-width
---------------
columns
content
counter-increment

---------------
counter-reset
cursor

---------------
 D
direction
display
---------------
 E
empty-cells

---------------
 H
height

---------------
 Q
quotes

---------------
 F
float
font
font-family
font-size
font-stretch
font-style
font-variant
font-weight

---------------
 L
left
letter-spacing
line-height
list-style
list-style-image
list-style-position
list-style-type

---------------
 M
margin
margin-bottom
margin-left
margin-right
margin-top
max-height
max-width
min-height
min-width

---------------
 O
opacity
orphans
outline
outline-color
outline-offset
outline-style
outline-width
overflow
overflow-x
overflow-y
---------------
 P
padding
padding-bottom
padding-left
padding-right
padding-top
page-break-after
page-break-before
page-break-inside
position

---------------
 W
white-space
widows
width
word-break
word-spacing
word-wrap
writing-mode

---------------
 T
tab-size
table-layout
text-align
text-align-last
text-decoration
text-decoration-color
text-decoration-line
text-decoration-style
text-indent
text-overflow

---------------
text-shadow
text-transform
top
transform
transform-origin
transition
transition-delay
transition-duration
transition-property
transition-timing-function
---------------
 R
resize
right
---------------
 U
unicode-bidi

---------------
 V
vertical-align
visibility
---------------
 Z
z-index

---------------

Interner Explorer

-ms-interpolation-mode

-ms-radial-gradient
background-position-x
background-position-y

---------------
filter

hasLayout
scrollbar-3dlight-color
scrollbar-arrow-color
scrollbar-base-color

scrollbar-darkshadow-color
scrollbar-face-color
scrollbar-highlight-color
scrollbar-shadow-color
scrollbar-track-color
zoom
---------------
Firefox

-moz-border-bottom-colors
-moz-border-left-colors
-moz-border-right-colors
-moz-border-top-colors
-moz-linear-gradient
-moz-orient
-moz-radial-gradient
-moz-user-select
:-moz-placeholder
::-moz-selection
image-rendering
---------------
Opera

-o-linear-gradient
-o-object-fit
-o-radial-gradient
---------------
Safari и Chrome

-webkit-linear-gradient
-webkit-radial-gradient
-webkit-user-select
---------------
@-правила

@charset
@font-face
@import
@media
@page
---------------
Селекторы и их комбинации

A
#id
.class
.class1.class2
*
A   B
A > B
A + B
A ~ B
[attr]
[attr='value']
[attr^='value']
[attr$='value']
[attr*='value']
[attr~='value']
[attr|='value']
---------------
Псевдоклассы

:active
:checked
:default
:disabled
:empty
:enabled
:first-child
:first-letter
:first-line
:first-of-type
:focus
:hover
:indeterminate
:invalid
:lang
:last-child
:last-of-type
:link
:not
:nth-child
:nth-last-child
:nth-last-of-type
:nth-of-type
:only-child
:only-of-type
:optional
:read-only
:read-write
:required
:root
:target
:valid
:visited
---------------
Псевдоэлементы

::after (:after)
::before (:before)
::first-letter
::first-line
::selection

---------------
Функции

attr()
calc()
---------------
Значения свойств

Строки
Числа
Проценты
Размер
Адрес

Цвет
Угол
Медиа-запросы
inherit
initial

Календарь
«    Декабрь 2020    »
ПнВтСрЧтПтСбВс
 123456
78910111213
14151617181920
21222324252627
28293031 
Популярные статьи
Архив новостей
Декабрь 2020 (1)
Ноябрь 2020 (42)
Октябрь 2020 (61)
Сентябрь 2020 (94)
Август 2020 (375)
Июль 2020 (829)
Наш опрос



РЕКЛАМА


ВАША РЕКЛАМА
23-03-2016, 11:45
zoom
Рейтинг:
Категория: Справочник CSS
Изменяет масштаб объекта согласно заданному значению....
Просмотров: 4 021
Комментариев: 2
23-03-2016, 11:44
scrollbar-track-color
Рейтинг:
Категория: Справочник CSS
Задает цвет основания полосы. На рис. 1 красным цветом выделена область, к которой применяется значение scrollbar-track-color....
Просмотров: 3 907
Комментариев: 3
23-03-2016, 11:42
scrollbar-shadow-color
Рейтинг:
Категория: Справочник CSS
Задает цвет тени у ползунка и кнопок полосы прокрутки. На рис. 1 красным цветом выделены области, к которым применяется значение....
Просмотров: 4 691
Комментариев: 6
23-03-2016, 11:40
scrollbar-highlight-color
Рейтинг:
Категория: Справочник CSS
Задает цвет светлой части тени у кнопок полосы прокрутки и ползунка, а также частично цвет фона под ползунком. На рис. 1 красным цветом выделены области, к которым применяется значение....
Просмотров: 3 960
Комментариев: 5
23-03-2016, 11:38
scrollbar-face-color
Рейтинг:
Категория: Справочник CSS
Задает цвет ползунка и кнопок полосы прокрутки. На рис. 1 красным цветом выделены области, к которым применяется значение....
Просмотров: 3 981
Комментариев: 3
23-03-2016, 11:37
scrollbar-darkshadow-color
Рейтинг:
Категория: Справочник CSS
Задает цвет темной части тени у кнопок полосы прокрутки и ползунка. На рис. 1 красным цветом выделены области, к которым применяется значение....
Просмотров: 4 375
Комментариев: 4
23-03-2016, 11:35
scrollbar-base-color
Рейтинг:
Категория: Справочник CSS
Свойство scrollbar-base-color задает цвет кнопок полосы прокрутки, поверхности ползунка и частично фона под ползунком. На рис. 1 красным цветом выделены области, к которым применяется значение....
Просмотров: 4 254
Комментариев: 2
23-03-2016, 11:33
scrollbar-arrow-color
Рейтинг:
Категория: Справочник CSS
Указывает цвет на направляющих стрелках активной полосы прокрутки (скроллбаре). Если скроллбар не активен, свойство scrollbar-arrow-color не применяется. На рис. 1 красным цветом выделены стрелки, к которым применяется значение....
Просмотров: 3 901
Комментариев: 2
23-03-2016, 11:32
scrollbar-3dlight-color
Рейтинг:
Категория: Справочник CSS
Свойство scrollbar-3dlight-color задает цвет светлой части кнопок и ползунка полосы прокрутки. На рис. 1 красным цветом выделены области, к которым применяется значение....
Просмотров: 3 946
Комментариев: 4
23-03-2016, 11:30
hasLayout
Рейтинг:
Категория: Справочник CSS
Для отображения элементов и учёта их взаимодействия между собой, разработчики IE внедрили в этот браузер уникальное свойство hasLayout, значением которого выступает true или false. «Установить hasLayout» означает задать ему значение true, а «убрать hasLayout»...
Просмотров: 4 548
Комментариев: 1
23-03-2016, 11:29
filter
Рейтинг:
Категория: Справочник CSS
Устанавливает фильтр (визуальный эффект) или их сочетание для элемента. К фильтрам относится изменение прозрачности, добавление тени, трансформация и др....
Просмотров: 4 628
Комментариев: 5
23-03-2016, 11:26
background-position-y
Рейтинг:
Категория: Справочник CSS
Задает положение фонового изображения внутри элемента по вертикали. Свойство background-position-y является нестандартным и не входит в спецификацию CSS....
Просмотров: 3 993
Комментариев: 1
23-03-2016, 11:25
background-position-x
Рейтинг:
Категория: Справочник CSS
Задает положение фонового изображения внутри элемента по горизонтали. Свойство background-position-x является нестандартным и не входит в спецификацию CSS....
Просмотров: 4 364
Комментариев: 1
23-03-2016, 11:16
-ms-radial-gradient
Рейтинг:
Категория: Справочник CSS
Создаёт радиальный градиент в браузере Internet Explorer....
Просмотров: 4 033
Комментариев: 1
23-03-2016, 11:13
-ms-interpolation-mode
Рейтинг:
Категория: Справочник CSS
-ms-interpolation-mode указывает браузеру, какой алгоритм использовать при масштабировании картинок. Это нестандартное свойство и поддерживается только браузером Internet Explorer начиная с версии 7.0....
Просмотров: 4 746
Комментариев: 0
23-03-2016, 10:57
z-index
Рейтинг:
Категория: Справочник CSS
Любые позиционированные элементы на веб-странице могут накладываться друг на друга в определенном порядке, имитируя тем самым третье измерение, перпендикулярное экрану. Каждый элемент может находиться как ниже, так и выше других объектов веб-страницы, их размещением по z-оси и...
Просмотров: 5 394
Комментариев: 3
23-03-2016, 10:55
writing-mode
Рейтинг:
Категория: Справочник CSS
Устанавливает направление текста на странице. Свойство writing-mode является универсальным и позволяет одновременно задавать значения свойств direction и block-progression....
Просмотров: 4 682
Комментариев: 0
23-03-2016, 10:54
word-wrap
Рейтинг:
Категория: Справочник CSS
Свойство word-wrap указывает, переносить или нет длинные слова, которые не помещаются по ширине в заданную область. Данное свойство носит черновой характер и при валидации документа на CSS3 выдает ошибку....
Просмотров: 4 380
Комментариев: 2
23-03-2016, 10:52
word-spacing
Рейтинг:
Категория: Справочник CSS
Устанавливает интервал между словами. Если для текста задано выравнивание через text-align со значением justify (выравнивание по ширине), то интервал между словами будет установлен принудительно, но не меньше значения, указанного через word-spacing....
Просмотров: 5 525
Комментариев: 5
23-03-2016, 10:51
word-break
Рейтинг:
Категория: Справочник CSS
Свойство word-break указывает, как делать перенос строк внутри слов, которые не помещаются по ширине в заданную область....
Просмотров: 4 406
Комментариев: 3
23-03-2016, 10:08
width
Рейтинг:
Категория: Справочник CSS
Устанавливает ширину блочных или заменяемых элементов (к ним, например, относится тег <thumb>). Ширина не включает толщину границ вокруг элемента, значение отступов и полей. Браузеры неодинаково работают с шириной, результат отображения зависит от используемого <!DOCTYPE>. В...
Просмотров: 4 116
Комментариев: 4
23-03-2016, 10:03
widows
Рейтинг:
Категория: Справочник CSS
Свойство widows задает минимальное число строк текста, которое располагается на следующей странице при печати документа. Это свойство работает в том случае, если весь текст размещается на двух и более печатных страницах. Если значение свойства widows конфликтует со...
Просмотров: 4 342
Комментариев: 2
23-03-2016, 10:01
white-space
Рейтинг:
Категория: Справочник CSS
Свойство white-space устанавливает, как отображать пробелы между словами. В обычных условиях любое количество пробелов в коде HTML показывается на веб-странице как один. Исключением является тег <pre>, помещенный в этот контейнер текст выводится со всеми пробелами, как он был...
Просмотров: 4 436
Комментариев: 4
22-03-2016, 20:59
visibility
Рейтинг:
Категория: Справочник CSS
Предназначен для отображения или скрытия элемента, включая рамку вокруг него и фон. При скрытии элемента, хотя он и становится не виден, место, которое элемент занимает, остается за ним. Если предполагается вывод разных элементов в одно и то же место экрана, для обхода этой особенности следует...
Просмотров: 4 121
Комментариев: 5
22-03-2016, 20:58
vertical-align
Рейтинг:
Категория: Справочник CSS
Выравнивает элемент по вертикали относительно своего родителя, окружающего текста или ячейки таблицы....
Просмотров: 4 129
Комментариев: 1
22-03-2016, 20:55
unicode-bidi
Рейтинг:
Категория: Справочник CSS
В европейских языках чтение текста происходит слева направо, в то время как есть языки, где текст читается справа налево. При смешении в одном документе разных по написанию символов (русского с ивритом, к примеру) в системе юникод, их направление определяется браузером из характеристик и...
Просмотров: 4 365
Комментариев: 5
22-03-2016, 18:12
transition-timing-function
Рейтинг:
Категория: Справочник CSS
Устанавливает, насколько быстро должно изменяться значение стилевого свойство для которого применяется эффект перехода. transition-timing-function представляет собой математическую функцию, показывающую, как быстро по времени меняется указанное через transition-property значение свойства....
Просмотров: 4 282
Комментариев: 1
22-03-2016, 18:07
transition-property
Рейтинг:
Категория: Справочник CSS
Устанавливает имя стилевого свойства, значение которого будет отслеживаться для создания эффекта перехода....
Просмотров: 4 140
Комментариев: 2
22-03-2016, 18:06
transition-duration
Рейтинг:
Категория: Справочник CSS
Задаёт время в секундах или миллисекундах, сколько должна длиться анимация перехода до её завершения. По умолчанию значение равно 0s, это означает, что никакой анимации нет, переход происходит мгновенно. Можно указать несколько значений, перечисляя их через запятую. Каждое значение применяется к...
Просмотров: 4 599
Комментариев: 5
22-03-2016, 18:05
transition-delay
Рейтинг:
Категория: Справочник CSS
Свойство transition-delay устанавливает время ожидания перед запуском эффекта перехода. Значение 0s или 0ms запускает анимацию сразу же. Отрицательное значение также включает анимацию без задержек, но может привести к изменению вида начала анимации. Допустимо указывать...
Просмотров: 4 533
Комментариев: 5
«Показать больше статей»
1 2 3 4 5 6 7 8 9