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

Видео уроки
Календарь
«    Сентябрь 2021    »
ПнВтСрЧтПтСбВс
 12345
6789101112
13141516171819
20212223242526
27282930 
Популярные статьи
  • 20 сентябрь 2021, 15:03
Архив новостей
Сентябрь 2021 (19)
Август 2021 (26)
Июль 2021 (16)
Июнь 2021 (31)
Май 2021 (33)
Апрель 2021 (33)
Наш опрос



Наши новости

Сделать прописку в Одессе
Помощь в оформлении прописки в Одессе, вида на жительство, гражданства
odesa.propiska.org.ua


РЕКЛАМА


ВАША РЕКЛАМА
23-03-2016, 19:24
initial
Рейтинг:
Категория: Справочник CSS
Значение  initial  применяется для установки исходного значения свойства. Может пригодиться в нескольких случаях, к примеру, восстановить значения свойств, заданных браузером по умолчанию или задать начальное значение свойства, измененное в результате наследования. Ключевое слово ...
Просмотров: 5 398
Комментариев: 1
23-03-2016, 19:23
inherit
Рейтинг:
Категория: Справочник CSS
Ключевое слово, которое сообщает, что необходимо наследовать значение свойства у родительского элемента. Естественно, результат будет заметен только в том случае, если у родителя указанное свойство установлено....
Просмотров: 5 556
Комментариев: 3
23-03-2016, 19:17
Медиа-запросы
Рейтинг:
Категория: Справочник CSS
Наряду с типами носителей в CSS3 включена поддержка различных технических параметров устройств, на основе которых требуется загружать те или иные стили. К примеру, можно определить смартфон с максимальным разрешением 640 пикселов и для него установить одни стилевые свойства, а для остальных...
Просмотров: 5 198
Комментариев: 3
23-03-2016, 19:14
Угол
Рейтинг:
Категория: Справочник CSS
Задаёт угол наклона. Положительное значение отмеряется по часовой стрелке, отрицательное против часовой стрелки....
Просмотров: 5 837
Комментариев: 0
23-03-2016, 19:09
Цвет
Рейтинг:
Категория: Справочник CSS
Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из её названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами....
Просмотров: 5 337
Комментариев: 2
23-03-2016, 19:07
Адрес
Рейтинг:
Категория: Справочник CSS
Адреса применяются для указания пути к файлу, например, для установки фоновой картинки на странице. Для этого применяется ключевое слово  url() , внутри скобок пишется относительный или абсолютный адрес файла. При этом адрес можно задавать в необязательных одинарных или двойных кавычках....
Просмотров: 6 018
Комментариев: 2
23-03-2016, 19:06
Размер
Рейтинг:
Категория: Справочник CSS
Для задания размеров различных элементов, в CSS используются абсолютные и относительные единицы измерения. Абсолютные единицы не зависят от устройства вывода, а относительные единицы определяют размер элемента относительно значения другого размера....
Просмотров: 6 601
Комментариев: 3
23-03-2016, 19:05
Проценты
Рейтинг:
Категория: Справочник CSS
Процентная запись обычно применяется в тех случаях, когда надо изменить значение относительно родительского элемента или когда размеры зависят от внешних условий. Так, ширина таблицы 100% означает, что она будет подстраиваться под размеры окна браузера и меняться вместе с шириной окна....
Просмотров: 5 454
Комментариев: 1
23-03-2016, 19:04
Числа
Рейтинг:
Категория: Справочник CSS
Значением может выступать целое число, содержащее цифры от 0 до 9 и десятичная дробь, в которой целая и десятичная часть разделяются точкой. Если число начинается с нуля, то его можно опустить (.5 вместо 0.5)....
Просмотров: 5 644
Комментариев: 3
23-03-2016, 19:03
Строки
Рейтинг:
Категория: Справочник CSS
Любые строки необходимо брать в двойные или одинарные кавычки. Если внутри строки требуется оставить одну или несколько кавычек, то можно комбинировать типы кавычек или добавить перед кавычкой слэш....
Просмотров: 4 923
Комментариев: 3
23-03-2016, 18:51
calc()
Рейтинг:
Категория: Справочник CSS
Используется для указания вычисляемого значения свойств, которые в качестве значений используют  размер . Это позволяет задавать значения основанные на сложении или вычитании разных единиц измерений, например можно задать 100% - 20px. Если значение не может быть вычислено, оно...
Просмотров: 5 732
Комментариев: 3
23-03-2016, 18:50
Функция attr()
Рейтинг:
Категория: Справочник CSS
Функция  attr()  применяется для добавления значения атрибута HTML-элемента в стилевое свойство. Например, можно получить значение атрибута  class , а затем использовать его в качестве значения свойства  background  для изменения цвета....
Просмотров: 6 262
Комментариев: 3
23-03-2016, 18:46
Псевдоэлемент - ::selection
Рейтинг:
Категория: Справочник CSS
Псевдоэлемент  ::selection  применяет стиль к выделенному пользователем тексту. В правилах стилей допускается использовать следующие свойства:  color ,  background  и  background-color ....
Просмотров: 4 859
Комментариев: 1
23-03-2016, 18:44
Псевдоэлемент - ::first-line
Рейтинг:
Категория: Справочник CSS
Псевдоэлемент  ::first-line  задает стиль первой строки форматированного текста. Длина этой строки зависит от многих факторов, таких как используемый шрифт, размер окна браузера, ширина блока, языка и т.д. В правилах стиля допустимо использовать только свойства, относящиеся к шрифту,...
Просмотров: 4 449
Комментариев: 4
23-03-2016, 18:42
Псевдоэлемент - ::first-letter
Рейтинг:
Категория: Справочник CSS
Псевдоэлемент  ::first-letter  определяет стиль первого символа в тексте элемента, к которому добавляется. К этому псевдоэлементу могут применяться только стилевые свойства, связанные со свойствами шрифта, полями, отступами, границами, цветом и фоном....
Просмотров: 5 409
Комментариев: 4
23-03-2016, 18:41
Псевдоэлемент - :before
Рейтинг:
Категория: Справочник CSS
Псевдоэлемент  :before  применяется для отображения желаемого контента до содержимого элемента, к которому он добавляется. Работает совместно со свойством  content ....
Просмотров: 5 258
Комментариев: 4
23-03-2016, 18:39
Псевдоэлемент - ::before
Рейтинг:
Категория: Справочник CSS
Псевдоэлемент  ::before  применяется для отображения желаемого контента до содержимого элемента, к которому он добавляется. Работает совместно со свойством  content ....
Просмотров: 5 596
Комментариев: 5
23-03-2016, 18:38
Псевдоэлемент - :after
Рейтинг:
Категория: Справочник CSS
Псевдоэлемент, который используется для вывода желаемого текста после содержимого элемента, к которому он добавляется. Псевдоэлемент :after работает совместно со свойством content. Для :after характерны следующие особенности....
Просмотров: 5 651
Комментариев: 3
23-03-2016, 18:36
Псевдоэлемент - ::after
Рейтинг:
Категория: Справочник CSS
Псевдоэлемент, который используется для вывода желаемого текста после содержимого элемента, к которому он добавляется. Псевдоэлемент ::after работает совместно со свойством content. Для ::after характерны следующие особенности....
Просмотров: 4 884
Комментариев: 4
23-03-2016, 18:28
Псевдокласс - :visited
Рейтинг:
Категория: Справочник CSS
Псевдокласс  :visited  применяется к ссылкам, уже посещённым пользователем, и задаёт для них стилевое оформление....
Просмотров: 5 423
Комментариев: 6
23-03-2016, 18:26
Псевдокласс - :valid
Рейтинг:
Категория: Справочник CSS
Применяется к полям формы, содержимое которых проходит проверку в браузере на соответствие указанному типу. Например, для  type = "number" вводится число, а не буквы, для  type = "email"  корректный адрес электронной почты....
Просмотров: 6 526
Комментариев: 1
23-03-2016, 18:25
Псевдокласс - :target
Рейтинг:
Категория: Справочник CSS
Для перехода к выбранному фрагменту документа, в адресе пишется символ # и указывается имя идентификатора. К примеру, в адресе  https://www.w3.org/TR/css3-selectors/#target-pseudo  происходит переход к элементу, атрибут  id  которого задан как  target-pseudo . Такая запись...
Просмотров: 5 079
Комментариев: 2
23-03-2016, 18:24
Псевдокласс - :root
Рейтинг:
Категория: Справочник CSS
Псевдокласс  :root  определяет корневой элемент документа. В HTML этот селектор всегда соответствует элементу  <html> ....
Просмотров: 5 302
Комментариев: 1
23-03-2016, 18:22
Псевдокласс - :required
Рейтинг:
Категория: Справочник CSS
Применяет стилевые правила к тегу  <input> , у которого установлен атрибут  required . Он позволяет выделять поля обязательные к заполнению перед отправкой формы....
Просмотров: 5 170
Комментариев: 4
23-03-2016, 18:21
Псевдокласс - :read-write
Рейтинг:
Категория: Справочник CSS
Применяется к полям формы, доступных для изменения. Псевдокласс  :read-write  является противоположным по своему действию  :read-only , который применяется к полям с атрибутом  readonly  (только для чтения)....
Просмотров: 7 325
Комментариев: 3
23-03-2016, 18:09
Псевдокласс - :read-only
Рейтинг:
Категория: Справочник CSS
Применяется к полям формы, у которых задан атрибут  readonly . Такое поле не может быть модифицировано и получить фокус....
Просмотров: 5 434
Комментариев: 4
23-03-2016, 18:08
Псевдокласс - :optional
Рейтинг:
Категория: Справочник CSS
Применяет стилевые правила к тегу  <input> , у которого не задан атрибут  required . Он позволяет выделять поля обязательные к заполнению перед отправкой формы. Таким образом  :optional  применяется к необязательным полям формы....
Просмотров: 5 161
Комментариев: 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) ....
Просмотров: 5 300
Комментариев: 1
23-03-2016, 18:05
Псевдокласс - :only-child
Рейтинг:
Категория: Справочник CSS
Псевдокласс  :only-child  применяется к дочернему элементу, только если он единственный у родителя. Аналогичен использованию  :first-child:last-child  или  :nth-child(1):nth-last-child(1) ....
Просмотров: 5 543
Комментариев: 2
23-03-2016, 18:03
Псевдокласс - :nth-of-type
Рейтинг:
Категория: Справочник CSS
Псевдокласс  :nth-of-type  используется для добавления стиля к элементам указанного типа на основе нумерации в дереве элементов....
Просмотров: 4 937
Комментариев: 2
«Показать больше статей»
1 2 3 4 5 6 7 8 9