Справочник 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

Видео уроки
Календарь
Архив новостей
Апрель 2024 (36)
Март 2024 (41)
Февраль 2024 (34)
Январь 2024 (33)
Декабрь 2023 (30)
Ноябрь 2023 (49)
Наш опрос



Наши новости

       
23-03-2016, 15:53
Псевдоэлемент - :first-letter
Рейтинг:
Категория: Справочник CSS
Псевдоэлемент  :first-letter  определяет стиль первого символа в тексте элемента, к которому добавляется. К этому псевдоэлементу могут применяться только стилевые свойства, связанные со свойствами шрифта, полями, отступами, границами, цветом и фоном....
Просмотров: 5 816
Комментариев: 3
23-03-2016, 15:45
Псевдокласс - :first-child
Рейтинг:
Категория: Справочник CSS
Псевдокласс  :first-child  применяет стилевое оформление к первому дочернему элементу своего родителя....
Просмотров: 5 926
Комментариев: 5
23-03-2016, 15:38
Псевдокласс - :enabled
Рейтинг:
Категория: Справочник CSS
Псевдокласс : enabled  используется для применения стиля к доступным (не заблокированным) элементам форм. По умолчанию, все элементы форм являются доступными, если в коде HTML к ним  не добавляется атрибут  disabled ....
Просмотров: 5 994
Комментариев: 3
23-03-2016, 15:33
Псевдокласс - :empty
Рейтинг:
Категория: Справочник CSS
Псевдокласс  :empty  представляет пустые элементы, иными словами такие, которые не содержат дочерних элементов, текста или пробелов. К примеру,  <p></p>  является пустым элементов, а  <p> </p> ,  <p>&nbsp;</p>  или  <p>эге</p>...
Просмотров: 6 621
Комментариев: 2
23-03-2016, 15:30
Псевдокласс - :disabled
Рейтинг:
Категория: Справочник CSS
Псевдокласс  :disabled  используется для применения стиля к заблокированным элементам форм. Такие элементы не могут получить фокус, быть нажатыми или активированы, в текстовых полях нельзя набирать текст....
Просмотров: 6 220
Комментариев: 1
23-03-2016, 15:28
Псевдокласс - :default
Рейтинг:
Категория: Справочник CSS
Псевдокласс  :default  применяет стиль к элементам форм, которые установлены по умолчанию в группе похожих элементов....
Просмотров: 7 504
Комментариев: 2
23-03-2016, 15:27
Псевдокласс - :checked
Рейтинг:
Категория: Справочник CSS
Псевдокласс  :checked  применяется к элементам интерфейса, таким как переключатели (checkbox) и флажки (radio), когда они находятся в положение «включено». Переключение элементов в такое состояние происходит с помощью атрибута  checked  тега  <input>  или...
Просмотров: 7 390
Комментариев: 4
23-03-2016, 15:24
Псевдокласс :active
Рейтинг:
Категория: Справочник CSS
Псевдокласс  :active  определяет стиль для активной ссылки. Активной ссылка становится при нажатии на нее....
Просмотров: 5 908
Комментариев: 2
23-03-2016, 14:12
[атрибут|="значение"] - [attr|='value']
Рейтинг:
Категория: Справочник CSS
В именах идентификаторов и классов разрешено использовать символ дефиса (-), что позволяет создавать значащие значения атрибутов  id  и  class ....
Просмотров: 7 599
Комментариев: 0
23-03-2016, 14:10
[атрибут~="значение"] - [attr~='value']
Рейтинг:
Категория: Справочник CSS
Некоторые значения атрибутов могут перечисляться через пробел, например имена классов. Чтобы задать стиль при наличии в списке требуемого значения требуется использовать конструкцию  ~= ....
Просмотров: 5 649
Комментариев: 1
23-03-2016, 14:07
[атрибут*="значение"] - [attr*='value']
Рейтинг:
Категория: Справочник CSS
Возможны варианты, когда стиль следует применить к тегу с определённым атрибутом, когда частью его значения является некоторый текст. При этом точно не известно, в каком месте значения включен данный текст — в начале, середине или конце. В подобном случае следует использовать конструкцию ...
Просмотров: 7 465
Комментариев: 0
23-03-2016, 14:02
[атрибут$="значение"] - [attr$='value']
Рейтинг:
Категория: Справочник CSS
Устанавливает стиль для элемента в том случае, если значение атрибута оканчивается указанным текстом....
Просмотров: 8 071
Комментариев: 0
23-03-2016, 13:47
[атрибут^="значение"] - [attr^='value']
Рейтинг:
Категория: Справочник CSS
Устанавливает стиль для элемента в том случае, если значение атрибута тега начинается с указанного текста....
Просмотров: 6 312
Комментариев: 1
23-03-2016, 13:33
[атрибут="значение"] - [attr='value']
Рейтинг:
Категория: Справочник CSS
Устанавливает стиль для элемента в том случае, если задано определённое значение специфичного атрибута....
Просмотров: 5 697
Комментариев: 1
23-03-2016, 13:30
Селекторы атрибутов - [attr]
Рейтинг:
Категория: Справочник CSS
Устанавливает стиль для элемента, если задан специфичный атрибут тега. Его значение в данном случае не важно....
Просмотров: 5 931
Комментариев: 0
23-03-2016, 13:27
Родственные селекторы - A ~ B
Рейтинг:
Категория: Справочник CSS
Родственные селекторы по своему поведению похожи на соседние селекторы (запись вида E + F), но в отличие от них стилевые правила применяются ко всем близлежащим элементам. К примеру, для селектора h1~p стиль будет применяться ко всем элементам <p> , располагающихся после...
Просмотров: 7 620
Комментариев: 6
23-03-2016, 13:25
Соседние селекторы - A + B
Рейтинг:
Категория: Справочник CSS
Соседними называются элементы веб-страницы, когда они следуют непосредственно друг за другом в коде документа....
Просмотров: 6 525
Комментариев: 1
23-03-2016, 13:23
Дочерние селекторы - A > B
Рейтинг:
Категория: Справочник CSS
Дочерним называется элемент, который непосредственно располагается внутри родительского элемента. Какой элемент выступает родителем, а какой его потомком легко выяснить с помощью дерева элементов — так называется структура отношений тегов документа между собой (рис. 1)....
Просмотров: 6 217
Комментариев: 4
23-03-2016, 13:19
Вложенные селекторы - A B
Рейтинг:
Категория: Справочник CSS
При создании веб-страницы часто приходится вкладывать одни теги внутрь других. Чтобы стили для этих тегов использовались корректно, помогут вложенные селекторы. Например, задать стиль для тега  <b>  только когда он располагается внутри контейнера  <p> . Таким образом можно...
Просмотров: 5 687
Комментариев: 0
23-03-2016, 13:17
Универсальный селектор - *
Рейтинг:
Категория: Справочник CSS
Иногда требуется установить одновременно один стиль для всех элементов веб-страницы, например, задать шрифт или начертание текста. В этом случае   поможет универсальный селектор, который соответствует любому элементу веб-страницы....
Просмотров: 5 693
Комментариев: 1
23-03-2016, 13:15
Мультиклассы - .class1.class2
Рейтинг:
Категория: Справочник CSS
К любому тегу одновременно можно добавить несколько классов, перечисляя их в атрибуте  class  через пробел. В этом случае к элементу применяется стиль, описанный в правилах для каждого класса. Поскольку при добавлении нескольких классов они могут содержать одинаковые стилевые свойства, но...
Просмотров: 8 318
Комментариев: 2
23-03-2016, 13:13
Классы - .class
Рейтинг:
Категория: Справочник CSS
Классы применяют, когда необходимо определить стиль для индивидуального элемента веб-страницы или задать разные стили для одного тега....
Просмотров: 6 070
Комментариев: 2
«Показать больше статей»
1 2 3 4 5 6 7 8 9 10 11