Справочник CSS » Страница 2
Меню
Наши новости
Учебник 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 (38)
Март 2024 (41)
Февраль 2024 (34)
Январь 2024 (33)
Декабрь 2023 (30)
Ноябрь 2023 (49)
Наш опрос



Наши новости

       
23-03-2016, 18:24
Псевдокласс - :root
Рейтинг:
Категория: Справочник CSS
Псевдокласс  :root  определяет корневой элемент документа. В HTML этот селектор всегда соответствует элементу  <html> ....
Просмотров: 6 938
Комментариев: 1
23-03-2016, 18:22
Псевдокласс - :required
Рейтинг:
Категория: Справочник CSS
Применяет стилевые правила к тегу  <input> , у которого установлен атрибут  required . Он позволяет выделять поля обязательные к заполнению перед отправкой формы....
Просмотров: 6 609
Комментариев: 4
23-03-2016, 18:21
Псевдокласс - :read-write
Рейтинг:
Категория: Справочник CSS
Применяется к полям формы, доступных для изменения. Псевдокласс  :read-write  является противоположным по своему действию  :read-only , который применяется к полям с атрибутом  readonly  (только для чтения)....
Просмотров: 8 919
Комментариев: 3
23-03-2016, 18:09
Псевдокласс - :read-only
Рейтинг:
Категория: Справочник CSS
Применяется к полям формы, у которых задан атрибут  readonly . Такое поле не может быть модифицировано и получить фокус....
Просмотров: 6 835
Комментариев: 4
23-03-2016, 18:08
Псевдокласс - :optional
Рейтинг:
Категория: Справочник CSS
Применяет стилевые правила к тегу  <input> , у которого не задан атрибут  required . Он позволяет выделять поля обязательные к заполнению перед отправкой формы. Таким образом  :optional  применяется к необязательным полям формы....
Просмотров: 6 544
Комментариев: 3
23-03-2016, 18:06
Псевдокласс - :only-of-type
Рейтинг:
Категория: Справочник CSS
Псевдокласс  :only-of-type  применяется к дочернему элементу указанного типа, только если он единственный у родителя. Аналогичен использованию  :first-of-type:last-of-type  или  :nth-of-type(1):nth-last-of-type(1) ....
Просмотров: 6 839
Комментариев: 1
23-03-2016, 18:05
Псевдокласс - :only-child
Рейтинг:
Категория: Справочник CSS
Псевдокласс  :only-child  применяется к дочернему элементу, только если он единственный у родителя. Аналогичен использованию  :first-child:last-child  или  :nth-child(1):nth-last-child(1) ....
Просмотров: 7 336
Комментариев: 2
23-03-2016, 18:03
Псевдокласс - :nth-of-type
Рейтинг:
Категория: Справочник CSS
Псевдокласс  :nth-of-type  используется для добавления стиля к элементам указанного типа на основе нумерации в дереве элементов....
Просмотров: 6 428
Комментариев: 2
23-03-2016, 18:02
Псевдокласс - :nth-last-of-type
Рейтинг:
Категория: Справочник CSS
Псевдокласс  :nth-last-of-type  используется для добавления стиля к элементам указанного типа на основе нумерации в дереве элементов. В отличие от псевдокласса  :nth-of-type  отсчет ведется не от первого элемента, а от последнего....
Просмотров: 6 462
Комментариев: 2
23-03-2016, 17:43
Псевдокласс - :nth-last-child
Рейтинг:
Категория: Справочник CSS
Псевдокласс  :nth-last-child  используется для добавления стиля к элементам на основе нумерации в дереве элементов. В отличие от псевдокласса  :nth-child  отсчет ведется не от первого элемента, а от последнего....
Просмотров: 9 556
Комментариев: 3
23-03-2016, 17:42
Псевдокласс - :nth-child
Рейтинг:
Категория: Справочник CSS
Псевдокласс  :nth-child  используется для добавления стиля к элементам на основе нумерации в дереве элементов....
Просмотров: 7 267
Комментариев: 3
23-03-2016, 17:40
Псевдокласс - :not
Рейтинг:
Категория: Справочник CSS
Псевдокласс  :not  задаёт правила стилей для элементов, которые не содержат указанный селектор....
Просмотров: 7 808
Комментариев: 2
23-03-2016, 17:23
Псевдокласс - :link
Рейтинг:
Категория: Справочник CSS
Псевдокласс  :link  применяется к ссылкам, которые еще не посещались пользователем, и задает для них стилевое оформление....
Просмотров: 6 251
Комментариев: 1
23-03-2016, 17:21
Псевдокласс - :last-of-type
Рейтинг:
Категория: Справочник CSS
Псевдокласс  :last-of-type  задает правила стилей для последнего элемента в списке дочерних элементов своего родителя. К примеру, добавление  :last-of-type  к селектору  li  устанавливает стиль только для последнего пункта списка, при этом не распространяется на...
Просмотров: 6 329
Комментариев: 3
23-03-2016, 17:18
Псевдокласс - :last-child
Рейтинг:
Категория: Справочник CSS
Псевдокласс  :last-child  задает стилевое оформление последнего элемента своего родителя....
Просмотров: 10 173
Комментариев: 7
23-03-2016, 17:16
Псевдокласс - :lang
Рейтинг:
Категория: Справочник CSS
Определяет язык, который используется в документе или его фрагменте. С помощью псевдокласса  :lang  можно задавать определённые настройки, характерные для разных языков, например, вид кавычек в цитатах....
Просмотров: 8 448
Комментариев: 2
23-03-2016, 17:10
Псевдокласс - :invalid
Рейтинг:
Категория: Справочник CSS
Применяется к полям формы, содержимое которых не соответствует указанному типу. Например, для  type = "number"  должно вводиться число, а не буквы, для  type = "email"  корректный адрес электронной почты....
Просмотров: 6 577
Комментариев: 1
23-03-2016, 17:07
Псевдокласс - :indeterminate
Рейтинг:
Категория: Справочник CSS
Псевдокласс  :indeterminate  задает стиль для элементов форм, таким как флажки и переключатели, когда они находятся в неопределенном состоянии. К примеру, если из группы флажков ни один не помечен, то флажки находятся в указанном состоянии. В реальности, стиль применяется только к...
Просмотров: 6 311
Комментариев: 2
23-03-2016, 17:05
Псевдокласс - :hover
Рейтинг:
Категория: Справочник CSS
Определяет стиль элемента при наведении на него курсора мыши, но при этом элемент еще не активирован, иными словами кнопка мыши не нажата....
Просмотров: 9 474
Комментариев: 3
23-03-2016, 17:04
Псевдокласс - :focus
Рейтинг:
Категория: Справочник CSS
Псевдокласс  :focus  определяет стиль для элемента получающего фокус. Например, им может быть текстовое поле формы, в которое устанавливается курсор....
Просмотров: 7 612
Комментариев: 1
23-03-2016, 17:01
Псевдокласс - :first-of-type
Рейтинг:
Категория: Справочник CSS
Псевдокласс  :first-of-type  задает правила стилей для первого элемента в списке дочерних элементов своего родителя. К примеру, добавление  :first-of-type  к селектору  TD  устанавливает стиль для всех первых ячеек, поскольку родителем для тега  <td>...
Просмотров: 6 381
Комментариев: 6
23-03-2016, 16:10
Псевдоэлемент - :first-line
Рейтинг:
Категория: Справочник CSS
Псевдоэлемент  :first-line  задает стиль первой строки форматированного текста. Длина этой строки зависит от многих факторов, таких как используемый шрифт, размер окна браузера, ширина блока, языка и т.д. В правилах стиля допустимо использовать только свойства, относящиеся к шрифту,...
Просмотров: 7 922
Комментариев: 2
«Показать больше статей»
1 2 3 4 5 6 7 8 9 10 11