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

Календарь
Архив новостей
Февраль 2025 (9)
Январь 2025 (39)
Декабрь 2024 (43)
Ноябрь 2024 (38)
Октябрь 2024 (35)
Сентябрь 2024 (60)
Наш опрос



Наши новости

       005f1294
23-03-2016, 15:53
Псевдоэлемент - :first-letter
Рейтинг:
Категория: Справочник CSS
Псевдоэлемент :first-letter определяет стиль первого символа в тексте элемента, к которому добавляется. К этому псевдоэлементу могут применяться только стилевые свойства, связанные со свойствами шрифта, полями, отступами, границами, цветом и фоном....
Просмотров: 6 095
Комментариев: 3
23-03-2016, 15:45
Псевдокласс - :first-child
Рейтинг:
Категория: Справочник CSS
Псевдокласс :first-child применяет стилевое оформление к первому дочернему элементу своего родителя....
Просмотров: 6 223
Комментариев: 5
23-03-2016, 15:38
Псевдокласс - :enabled
Рейтинг:
Категория: Справочник CSS
Псевдокласс : enabled используется для применения стиля к доступным (не заблокированным) элементам форм. По умолчанию, все элементы форм являются доступными, если в коде HTML к ним не добавляется атрибут disabled ....
Просмотров: 6 258
Комментариев: 3
23-03-2016, 15:33
Псевдокласс - :empty
Рейтинг:
Категория: Справочник CSS
Псевдокласс :empty представляет пустые элементы, иными словами такие, которые не содержат дочерних элементов, текста или пробелов. К примеру, является пустым элементов, а , или эге уже нет....
Просмотров: 6 857
Комментариев: 2
23-03-2016, 15:30
Псевдокласс - :disabled
Рейтинг:
Категория: Справочник CSS
Псевдокласс :disabled используется для применения стиля к заблокированным элементам форм. Такие элементы не могут получить фокус, быть нажатыми или активированы, в текстовых полях нельзя набирать текст....
Просмотров: 6 456
Комментариев: 1
23-03-2016, 15:28
Псевдокласс - :default
Рейтинг:
Категория: Справочник CSS
Псевдокласс :default применяет стиль к элементам форм, которые установлены по умолчанию в группе похожих элементов....
Просмотров: 7 772
Комментариев: 2
23-03-2016, 15:27
Псевдокласс - :checked
Рейтинг:
Категория: Справочник CSS
Псевдокласс :checked применяется к элементам интерфейса, таким как переключатели (checkbox) и флажки (radio), когда они находятся в положение «включено». Переключение элементов в такое состояние происходит с помощью атрибута checked тега или пользователем....
Просмотров: 7 672
Комментариев: 4
23-03-2016, 15:24
Псевдокласс :active
Рейтинг:
Категория: Справочник CSS
Псевдокласс :active определяет стиль для активной ссылки. Активной ссылка становится при нажатии на нее....
Просмотров: 6 248
Комментариев: 2
23-03-2016, 14:12
[атрибут|="значение"] - [attr|='value']
Рейтинг:
Категория: Справочник CSS
В именах идентификаторов и классов разрешено использовать символ дефиса (-), что позволяет создавать значащие значения атрибутов id и class ....
Просмотров: 8 071
Комментариев: 0
23-03-2016, 14:10
[атрибут~="значение"] - [attr~='value']
Рейтинг:
Категория: Справочник CSS
Некоторые значения атрибутов могут перечисляться через пробел, например имена классов. Чтобы задать стиль при наличии в списке требуемого значения требуется использовать конструкцию ~= ....
Просмотров: 5 922
Комментариев: 1
23-03-2016, 14:07
[атрибут*="значение"] - [attr*='value']
Рейтинг:
Категория: Справочник CSS
Возможны варианты, когда стиль следует применить к тегу с определённым атрибутом, когда частью его значения является некоторый текст. При этом точно не известно, в каком месте значения включен данный текст — в начале, середине или конце. В подобном случае следует использовать конструкцию *= . Она...
Просмотров: 7 742
Комментариев: 0
23-03-2016, 14:02
[атрибут$="значение"] - [attr$='value']
Рейтинг:
Категория: Справочник CSS
Устанавливает стиль для элемента в том случае, если значение атрибута оканчивается указанным текстом....
Просмотров: 8 351
Комментариев: 0
23-03-2016, 13:47
[атрибут^="значение"] - [attr^='value']
Рейтинг:
Категория: Справочник CSS
Устанавливает стиль для элемента в том случае, если значение атрибута тега начинается с указанного текста....
Просмотров: 6 581
Комментариев: 1
23-03-2016, 13:33
[атрибут="значение"] - [attr='value']
Рейтинг:
Категория: Справочник CSS
Устанавливает стиль для элемента в том случае, если задано определённое значение специфичного атрибута....
Просмотров: 6 017
Комментариев: 1
23-03-2016, 13:30
Селекторы атрибутов - [attr]
Рейтинг:
Категория: Справочник CSS
Устанавливает стиль для элемента, если задан специфичный атрибут тега. Его значение в данном случае не важно....
Просмотров: 6 274
Комментариев: 0
23-03-2016, 13:27
Родственные селекторы - A ~ B
Рейтинг:
Категория: Справочник CSS
Родственные селекторы по своему поведению похожи на соседние селекторы (запись вида E + F), но в отличие от них стилевые правила применяются ко всем близлежащим элементам. К примеру, для селектора h1~p стиль будет применяться ко всем элементам , располагающихся после заголовка . При этом и должны...
Просмотров: 8 131
Комментариев: 6
23-03-2016, 13:25
Соседние селекторы - A + B
Рейтинг:
Категория: Справочник CSS
Соседними называются элементы веб-страницы, когда они следуют непосредственно друг за другом в коде документа....
Просмотров: 6 787
Комментариев: 1
23-03-2016, 13:23
Дочерние селекторы - A > B
Рейтинг:
Категория: Справочник CSS
Дочерним называется элемент, который непосредственно располагается внутри родительского элемента. Какой элемент выступает родителем, а какой его потомком легко выяснить с помощью дерева элементов — так называется структура отношений тегов документа между собой (рис. 1)....
Просмотров: 6 483
Комментариев: 4
23-03-2016, 13:19
Вложенные селекторы - A B
Рейтинг:
Категория: Справочник CSS
При создании веб-страницы часто приходится вкладывать одни теги внутрь других. Чтобы стили для этих тегов использовались корректно, помогут вложенные селекторы. Например, задать стиль для тега только когда он располагается внутри контейнера . Таким образом можно одновременно установить стиль для...
Просмотров: 5 945
Комментариев: 0
23-03-2016, 13:17
Универсальный селектор - *
Рейтинг:
Категория: Справочник CSS
Иногда требуется установить одновременно один стиль для всех элементов веб-страницы, например, задать шрифт или начертание текста. В этом случае поможет универсальный селектор, который соответствует любому элементу веб-страницы....
Просмотров: 5 930
Комментариев: 1
23-03-2016, 13:15
Мультиклассы - .class1.class2
Рейтинг:
Категория: Справочник CSS
К любому тегу одновременно можно добавить несколько классов, перечисляя их в атрибуте class через пробел. В этом случае к элементу применяется стиль, описанный в правилах для каждого класса. Поскольку при добавлении нескольких классов они могут содержать одинаковые стилевые свойства, но с разными...
Просмотров: 8 613
Комментариев: 2
23-03-2016, 13:13
Классы - .class
Рейтинг:
Категория: Справочник CSS
Классы применяют, когда необходимо определить стиль для индивидуального элемента веб-страницы или задать разные стили для одного тега....
Просмотров: 6 351
Комментариев: 2
«Показать больше статей»
1 2 3 4 5 6 7 8 9 10 11