Меню
Наши новости
Учебник 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, 13:25
Соседние селекторы - A + B
Рейтинг:
Категория: Справочник CSS
Соседними называются элементы веб-страницы, когда они следуют непосредственно друг за другом в коде документа....
Просмотров: 4 099
Комментариев: 1
23-03-2016, 13:23
Дочерние селекторы - A > B
Рейтинг:
Категория: Справочник CSS
Дочерним называется элемент, который непосредственно располагается внутри родительского элемента. Какой элемент выступает родителем, а какой его потомком легко выяснить с помощью дерева элементов — так называется структура отношений тегов документа между собой (рис. 1)....
Просмотров: 4 187
Комментариев: 4
23-03-2016, 13:19
Вложенные селекторы - A B
Рейтинг:
Категория: Справочник CSS
При создании веб-страницы часто приходится вкладывать одни теги внутрь других. Чтобы стили для этих тегов использовались корректно, помогут вложенные селекторы. Например, задать стиль для тега <b> только когда он располагается внутри контейнера <p>. Таким образом можно...
Просмотров: 3 868
Комментариев: 0
23-03-2016, 13:17
Универсальный селектор - *
Рейтинг:
Категория: Справочник CSS
Иногда требуется установить одновременно один стиль для всех элементов веб-страницы, например, задать шрифт или начертание текста. В этом случае   поможет универсальный селектор, который соответствует любому элементу веб-страницы....
Просмотров: 4 068
Комментариев: 1
23-03-2016, 13:15
Мультиклассы - .class1.class2
Рейтинг:
Категория: Справочник CSS
К любому тегу одновременно можно добавить несколько классов, перечисляя их в атрибуте class через пробел. В этом случае к элементу применяется стиль, описанный в правилах для каждого класса. Поскольку при добавлении нескольких классов они могут содержать одинаковые стилевые свойства, но с...
Просмотров: 5 750
Комментариев: 2
23-03-2016, 13:13
Классы - .class
Рейтинг:
Категория: Справочник CSS
Классы применяют, когда необходимо определить стиль для индивидуального элемента веб-страницы или задать разные стили для одного тега....
Просмотров: 4 211
Комментариев: 2
23-03-2016, 13:12
Идентификаторы - #id
Рейтинг:
Категория: Справочник CSS
Идентификатор (называемый также «ID селектор») определяет уникальное имя элемента, которое используется для изменения его стиля и обращения к нему через скрипты....
Просмотров: 4 020
Комментариев: 2
23-03-2016, 13:10
Селекторы тегов - A
Рейтинг:
Категория: Справочник CSS
В качестве селектора может выступать любой элемент HTML, для которого определяются правила форматирования, такие как: цвет, фон, размер и др....
Просмотров: 3 967
Комментариев: 4
23-03-2016, 13:04
@page
Рейтинг:
Категория: Справочник CSS
Правило @page позволяет задать значение полей при печати документа или для страниц, у которых тип носителя задан как print....
Просмотров: 4 324
Комментариев: 6
23-03-2016, 13:03
@media
Рейтинг:
Категория: Справочник CSS
Правило @media позволяет указать тип носителя, для которого будет применяться указанный стиль. В качестве типов выступают различные устройства, например, принтер, КПК, монитор и др. В табл. 1 перечислены некоторые из них....
Просмотров: 4 679
Комментариев: 3
23-03-2016, 13:01
@import
Рейтинг:
Категория: Справочник CSS
Правило @import позволяет импортировать содержимое CSS-файла в текущую стилевую таблицу. @import не разрешается вставлять после любых объявлений кроме @charset или другого @import....
Просмотров: 5 585
Комментариев: 5
23-03-2016, 12:59
@font-face
Рейтинг:
Категория: Справочник CSS
Правило @font-face позволяет определить настройки шрифтов, а также загрузить специфичный шрифт на компьютер пользователя....
Просмотров: 4 062
Комментариев: 2
23-03-2016, 12:57
@charset
Рейтинг:
Категория: Справочник CSS
Команда @charset применяется для задания кодировки внешнего CSS-файла. Это имеет значение в том случае, если в CSS-файле используются символы национального алфавита. Для внешней таблицы стилей браузер последовательно просматривает следующие пункты для определения кодировки таблицы стилей:...
Просмотров: 3 947
Комментариев: 4
23-03-2016, 12:42
-webkit-user-select
Рейтинг:
Категория: Справочник CSS
Управляет поведением выделения текста и других элементов на странице. Несмотря на запрет или разрешение, в любом случае можно выделять содержимое текстовых полей формы....
Просмотров: 4 454
Комментариев: 5
23-03-2016, 12:41
-webkit-radial-gradient
Рейтинг:
Категория: Справочник CSS
Создаёт радиальный градиент в браузерах Safari и Chrome....
Просмотров: 4 921
Комментариев: 1
23-03-2016, 12:39
-webkit-linear-gradient
Рейтинг:
Категория: Справочник CSS
Создаёт линейный градиент в браузерах Safari и Chrome....
Просмотров: 4 294
Комментариев: 2
23-03-2016, 12:36
-o-radial-gradient
Рейтинг:
Категория: Справочник CSS
Создаёт радиальный градиент в браузере Opera....
Просмотров: 4 040
Комментариев: 1
23-03-2016, 12:34
-o-object-fit
Рейтинг:
Категория: Справочник CSS
Управляет соотношением сторон заменяемых элементов, таких как <thumb> и <video>, когда у них задана ширина или высота, а также способом масштабирования. Свойство -o-object-fit может сохранять исходные пропорции элемента или наоборот, искажать пропорции, в угоду...
Просмотров: 4 449
Комментариев: 3
23-03-2016, 12:31
-o-linear-gradient
Рейтинг:
Категория: Справочник CSS
Создаёт линейный градиент в браузере Opera....
Просмотров: 4 413
Комментариев: 2
23-03-2016, 12:20
image-rendering
Рейтинг:
Категория: Справочник CSS
Сообщает браузеру, каким алгоритмом интерполировать изображение при масштабировании его размеров или изменении масштаба в параметрах браузера...
Просмотров: 4 287
Комментариев: 4
23-03-2016, 12:18
Псевдоэлемент ::-moz-selection
Рейтинг:
Категория: Справочник CSS
Псевдоэлемент ::-moz-selection применяется к выделенному пользователем фрагменту документа. В правилах стилей допускается использовать только следующие свойства: color, background и background-color. ::-moz-selection нестандартный псевдоэлемент и поддерживается...
Просмотров: 4 247
Комментариев: 1
23-03-2016, 12:17
Псевдокласс ::-moz-placeholder
Рейтинг:
Категория: Справочник CSS
Псевдокласс, с помощью которого задаётся стилевое оформление подсказывающего текста созданного атрибутом placeholder. Совместно с ::-moz-placeholder допускается использовать свойства для изменения вида текста, например, задать шрифт и цвет....
Просмотров: 4 490
Комментариев: 4
23-03-2016, 12:15
-moz-user-select
Рейтинг:
Категория: Справочник CSS
Управляет поведением выделения текста и других элементов на странице. Несмотря на запрет или разрешение, в любом случае можно выделять содержимое текстовых полей формы....
Просмотров: 4 125
Комментариев: 4
23-03-2016, 12:14
-moz-radial-gradient
Рейтинг:
Категория: Справочник CSS
Создаёт радиальный градиент в браузере Firefox....
Просмотров: 4 302
Комментариев: 4
23-03-2016, 12:12
-moz-orient
Рейтинг:
Категория: Справочник CSS
Устанавливает положение индикатора прогресса — горизонтальное или вертикальное....
Просмотров: 4 370
Комментариев: 1
23-03-2016, 12:10
-moz-linear-gradient
Рейтинг:
Категория: Справочник CSS
Создаёт линейный градиент в браузере Firefox. Градиент это плавный переход от одного цвета к другому, он может идти под определённым углом к элементу и содержать более двух цветов....
Просмотров: 4 344
Комментариев: 6
23-03-2016, 12:06
-moz-border-top-colors
Рейтинг:
Категория: Справочник CSS
Устанавливает набор цветов для верхней границы элемента. Если граница толще одного пиксела, то можно задать собственный цвет каждой линии пикселов....
Просмотров: 4 094
Комментариев: 4
23-03-2016, 12:05
-moz-border-right-colors
Рейтинг:
Категория: Справочник CSS
Устанавливает набор цветов для правой границы элемента. Если граница толще одного пиксела, то можно задать собственный цвет каждой линии пикселов....
Просмотров: 3 973
Комментариев: 0
23-03-2016, 12:03
-moz-border-left-colors
Рейтинг:
Категория: Справочник CSS
Устанавливает набор цветов для левой границы элемента. Если граница толще одного пиксела, то можно задать собственный цвет каждой линии пикселов....
Просмотров: 4 122
Комментариев: 1
23-03-2016, 12:02
-moz-border-bottom-colors
Рейтинг:
Категория: Справочник CSS
Устанавливает набор цветов для нижней границы элемента. Если граница толще одного пиксела, то можно задать собственный цвет каждой линии пикселов....
Просмотров: 4 094
Комментариев: 1
«Показать больше статей»
1 2 3 4 5 6 7 8 9