Меню
Наши новости
Учебник 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)
Наш опрос



РЕКЛАМА


ВАША РЕКЛАМА
22-03-2016, 08:33
float
Рейтинг:
Категория: Справочник CSS
Определяет, по какой стороне будет выравниваться элемент, при этом остальные элементы будут обтекать его с других сторон. Когда значение свойства float равно none, элемент выводится на странице как обычно, при этом допускается, что одна строка обтекающего текста может быть на той же...
Просмотров: 4 363
Комментариев: 5
21-03-2016, 20:52
quotes
Рейтинг:
Категория: Справочник CSS
Устанавливает тип кавычек, который применяется в тексте документа. В каждом языке существуют свои традиции для обозначения кавычек, свойство quotes позволяет задать вид их отображения по всему тексту и установить, таким образом, его единообразное оформление. Добавление кавычек происходит...
Просмотров: 4 393
Комментариев: 4
21-03-2016, 20:44
height
Рейтинг:
Категория: Справочник CSS
Устанавливает высоту блочных или заменяемых элементов (к ним, например, относится тег <thumb>). Высота не включает толщину границ вокруг элемента, значение отступов и полей. Если содержимое блока превышает указанную высоту, то высота элемента останется неизменной, а содержимое будет...
Просмотров: 4 627
Комментариев: 3
21-03-2016, 20:41
empty-cells
Рейтинг:
Категория: Справочник CSS
Задает отображение границ и фона в ячейке, если она пустая. При одновременном добавлении к таблице свойства border-collapse со значением collapse, свойство empty-cells игнорируется. Ячейка считается пустой в следующих случаях:...
Просмотров: 5 086
Комментариев: 2
21-03-2016, 20:33
display
Рейтинг:
Категория: Справочник CSS
Многоцелевое свойство, которое определяет, как элемент должен быть показан в документе....
Просмотров: 5 186
Комментариев: 2
21-03-2016, 20:31
direction
Рейтинг:
Категория: Справочник CSS
direction предназначен для сайтов, в которых имеет значение направление текста. Например, при использовании арабского алфавита чтение происходит справа налево. Свойство direction достаточно универсально и управляет следующими возможностями:...
Просмотров: 4 554
Комментариев: 4
21-03-2016, 20:20
cursor
Рейтинг:
Категория: Справочник CSS
Устанавливает форму курсора, когда он находится в пределах элемента. Вид курсора зависит от операционной системы и установленных параметров. Прежде чем воспользоваться возможностью переделать вид курсора, решите, а будет ли он использоваться к месту. Многих пользователей подобные изменения могут...
Просмотров: 4 476
Комментариев: 4
21-03-2016, 20:13
counter-reset
Рейтинг:
Категория: Справочник CSS
Устанавливает идентификатор, в котором будет храниться счётчик отображений определенного элемента, а также начальное значение счётчика. Такой счётчик может выводиться с помощью свойства content и псевдоэлементов :after и :before....
Просмотров: 5 157
Комментариев: 2
21-03-2016, 20:06
counter-increment
Рейтинг:
Категория: Справочник CSS
Стилевое свойство counter-increment предназначено для увеличения значения счётчика приращений, который задается свойством counter-reset. Такой счётчик подсчитывает количество отображений элементов на странице и может выводиться с помощью свойства content и...
Просмотров: 4 418
Комментариев: 3
21-03-2016, 20:01
content
Рейтинг:
Категория: Справочник CSS
Свойство content позволяет вставлять генерируемое содержание в текст веб-страницы, которое первоначально в тексте отсутствует. Применяется совместно с псевдоэлементами :after и :before, они соответственно указывают отображать новое содержимое после или до элемента, к...
Просмотров: 4 676
Комментариев: 2
21-03-2016, 19:59
columns
Рейтинг:
Категория: Справочник CSS
Универсальное свойство, которое позволяет одновременно задать ширину и количество колонок многоколоночного текста....
Просмотров: 4 444
Комментариев: 4
21-03-2016, 19:58
column-width
Рейтинг:
Категория: Справочник CSS
Задаёт оптимальную ширину колонки в многоколоночном тексте. Реальная ширина колонки может быть больше введённого значения, сокращение указанной ширины приводит к отмене нескольких колонок, текст при этом выстраивается в одну колонку....
Просмотров: 5 497
Комментариев: 6
21-03-2016, 19:56
column-rule
Рейтинг:
Категория: Справочник CSS
В многоколоночном тексте отрисовывает линию между колонками....
Просмотров: 4 402
Комментариев: 1
21-03-2016, 19:52
column-gap
Рейтинг:
Категория: Справочник CSS
Задаёт расстояние между колонками в многоколоночном тексте....
Просмотров: 4 653
Комментариев: 5
21-03-2016, 18:00
column-count
Рейтинг:
Категория: Справочник CSS
Определяет количество колонок в многоколоночном тексте....
Просмотров: 4 630
Комментариев: 3
21-03-2016, 17:56
color
Рейтинг:
Категория: Справочник CSS
Определяет цвет текста элемента....
Просмотров: 4 755
Комментариев: 1
21-03-2016, 17:52
clip
Рейтинг:
Категория: Справочник CSS
Свойство clip определяет область позиционированного элемента, в которой будет показано его содержимое. Все, что не помещается в эту область, будет обрезано и становится невидимым. На данный момент единственно доступная форма области — прямоугольник. Все остальное остается только в...
Просмотров: 35 961
Комментариев: 3
21-03-2016, 17:49
clear
Рейтинг:
Категория: Справочник CSS
Устанавливает, с какой стороны элемента запрещено его обтекание другими элементами. Если задано обтекание элемента с помощью свойства float, тоclear отменяет его действие для указанных сторон....
Просмотров: 5 065
Комментариев: 1
21-03-2016, 17:30
caption-side
Рейтинг:
Категория: Справочник CSS
Определяет положение заголовка таблицы, который задается с помощью тега <caption>, относительно самой таблицы. Свойство caption-side выводит заголовок до или после таблицы, а выравнивание текста по правому или левому краю устанавливается через свойство text-align. Браузер...
Просмотров: 4 602
Комментариев: 0
21-03-2016, 17:12
box-sizing
Рейтинг:
Категория: Справочник CSS
Применяется для изменения алгоритма расчета ширины и высоты элемента. Согласно спецификации CSS ширина блока складывается из ширины контента (width), значений отступов (margin), полей (padding) и границ (border). Аналогично обстоит и с высотой блока. Свойство box-sizing позволяет изменить...
Просмотров: 4 647
Комментариев: 1
21-03-2016, 17:07
box-shadow
Рейтинг:
Категория: Справочник CSS
Добавляет тень к элементу. Допускается использовать несколько теней, указывая их параметры через запятую, при наложении теней первая тень в списке будет выше, последняя ниже. Если для элемента задается радиус скругления через свойство border-radius, то тень также получится с закругленными...
Просмотров: 5 182
Комментариев: 4
21-03-2016, 16:53
bottom
Рейтинг:
Категория: Справочник CSS
Устанавливает положение нижнего края содержимого элемента без учета толщины рамок и отступов. Отсчет координат зависит от свойства position, оно обычно принимает значение relative (относительное положение) или absolute (абсолютное положение)....
Просмотров: 4 589
Комментариев: 0
21-03-2016, 16:50
border-width
Рейтинг:
Категория: Справочник CSS
Задает толщину границы одновременно на всех сторонах элемента или индивидуально для каждой стороны. Способ изменения толщины зависит от числа значений....
Просмотров: 4 553
Комментариев: 4
21-03-2016, 16:48
border-top-width
Рейтинг:
Категория: Справочник CSS
Устанавливает толщину границы сверху элемента....
Просмотров: 4 590
Комментариев: 7
21-03-2016, 16:46
border-top-style
Рейтинг:
Категория: Справочник CSS
Устанавливает стиль границы сверху элемента....
Просмотров: 4 901
Комментариев: 5
21-03-2016, 16:44
border-top-right-radius
Рейтинг:
Категория: Справочник CSS
Устанавливает радиус скругления правого верхнего уголка рамки. Если рамка не задана, то скругление также происходит и с фоном....
Просмотров: 4 597
Комментариев: 4
21-03-2016, 16:42
border-top-left-radius
Рейтинг:
Категория: Справочник CSS
Устанавливает радиус скругления левого верхнего уголка рамки. Если рамка не задана, то скругление также происходит и с фоном....
Просмотров: 4 680
Комментариев: 1
21-03-2016, 16:38
border-top-color
Рейтинг:
Категория: Справочник CSS
Задает цвет границы сверху элемента....
Просмотров: 4 587
Комментариев: 1
21-03-2016, 16:22
border-top
Рейтинг:
Категория: Справочник CSS
Свойство border-top позволяет одновременно установить толщину, стиль и цвет границы сверху элемента. Значения могут идти в любом порядке, разделяясь пробелом, браузер сам определит, какое из них соответствует нужному свойству....
Просмотров: 5 143
Комментариев: 2
21-03-2016, 16:19
border-style
Рейтинг:
Категория: Справочник CSS
Устанавливает стиль границы вокруг элемента. Допустимо задавать индивидуальные стили для разных сторон элемента....
Просмотров: 5 107
Комментариев: 7
«Показать больше статей»
1 2 3 4 5 6 7 8 9