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

Наши новости
Календарь
«    Август 2016    »
ПнВтСрЧтПтСбВс
1234567
891011121314
15161718192021
22232425262728
293031 
Архив новостей
Август 2016 (1)
Июль 2016 (48)
Июнь 2016 (98)
Май 2016 (634)
Апрель 2016 (914)
Март 2016 (1395)
Наш опрос



Наши новости

  • Новости мира Интернет
  • Афоризмы
  • Видео уроки
  • Справочник CSS
24-07-2016, 07:40

Лучшие флеш сайты 2016 (45 красивых проектов) - «Веб-дизайн»

В комментариях к статье про 40 классных флеш сайтов 2010 справедливо заметили, что добрая половина ссылок уже не работает. После проверки материала я увидел удручающую картину – актуальными остались
22-07-2016, 07:33

Скейтер, разбивший стекло спорткара McLaren, стал героем вирусного видео - «Интернет и связь»

Ролик со скейтером, разбившим стекло спорткара McLaren ценой 250 тысяч долларов, за несколько дней собрал в Сети более 4 миллионов просмотров. Внимание! У вас отключен ...
22-07-2016, 07:33

Минский провайдер Unet отказался от звания второго белорусского LTE-оператора - «Интернет и связь»

Только вчера мы писали о том, что минский провайдер Unet объявил о старте оказания услуг беспроводного мобильного доступа по технологии 4G (LTE). Однако уже сегодня на сайте нет упоминания
21-07-2016, 07:33

К 1 октября в Беларуси полностью отключат проводное радио - «Интернет и связь»

В Министерстве связи и информатизации рассказали, что до 1 октября 2016 года проводное радио в стране полностью прекратит работу. В ...
21-07-2016, 07:33

ОАЦ объяснил, в каких случаях нельзя будет позвонить через интернет - «Интернет и связь»

Опубликованное вчера постановление о контроле над IP-телефонией, вступающее в силу 18 сентября, вызвало массу вопросов. Сможем ли мы звонить через Skype за границу и использовать для звонков ...
21-07-2016, 07:33

Новый вирус ворует деньги с банковских карт - «Интернет и связь»

Специалисты по информационной безопасности компании Symantec обнаружили новую модификацию вируса, позволяющего красть деньги с банковских карт, сообщается в официальном блоге компании. Новая ...
21-07-2016, 07:33

Министр внутренних дел Беларуси дал полезный совет игрокам в Pokemon GO - «Интернет и связь»

В увлечении виртуальными играми молодежи не стоит забывать о личной безопасности в реальном мире. Об этом заявил сегодня министр внутренних дел Беларуси Игорь Шуневич, отвечая на вопрос
21-07-2016, 07:33

В Минске появился второй LTE-оператор, и это не life:) - «Интернет и связь»

В Минске появился второй оператор, предлагающий услуги на базе сети 4G LTE — Unet. Как и МТС, он пользуется сетевой инфраструктурой компании beCloud и предлагает связь 4-го поколения в Минске ...
20-07-2016, 07:33

В Беларуси вводится полный контроль над IP-телефонией - «Интернет и связь»

В Беларуси с 18 сентября вводится полный контроль над IP-телефонией (проще говоря, звонкам через интернет). Операторы и интернет-провайдеры будут обязаны выявлять трафик IP-телефонии и блокировать
20-07-2016, 07:33

Музыка "ВКонтакте" станет платной до конца года (обновлено) - «Интернет и связь»

Любителям музыки «ВКонтакте» придется раскошелиться — в социальной сети появится ряд новых платных функций, пишут «Известия». Гендиректор Warner Music Group в России Александр Блинов отметил...
20-07-2016, 07:33

"Минскэнерго" предупредило любителей игры Pokemon GO о смертельной опасности - «Интернет и связь»

«Ловить покемонов вблизи энергетических объектов смертельно опасно!» Такое неожиданное объявление появилось на сайте предприятия «Минскэнерго». В ...
19-07-2016, 07:34

Сергей Шнуров спел об "очень редком покемоне" - «Интернет и связь»

Феноменально популярная мобильная игра Pokémon GO добралась и до российского шоу-бизнеса. В своем аккаунте в Instagram о ней спел солист «Ленинграда» Сергей Шнуров. В этот раз обошлось ...
  •  проститутки трансы спб | Красивые индивидуалки питера | Зрелие шлюхи питера | купить мед справку в бассейн с доставкой Улица 1905 года
  •  проститутки трансы спб | Красивые индивидуалки питера | Зрелие шлюхи питера | купить мед справку в бассейн с доставкой Улица 1905 года
  • 30-07-2016, 10:20

    LoftNews #29 - Prisma, ICQ, WWDC 16, ES7 - «Видео уроки - CSS»

    ... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
    30-07-2016, 10:20

    Что такое RTB-реклама и как она развивается? - «Видео уроки - CSS»

    ... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
    30-07-2016, 10:20

    LoftVlog #2 - О том как снимается LoftNews - «Видео уроки - CSS»

    ... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
    30-07-2016, 10:20

    Асинхронная репликация без цензуры: архитектурные проблемы MySQL, или почему PostgreSQL завоюет мир - «Видео уроки - CSS»

    ... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
    30-07-2016, 10:20

    PostgreSQL как платформа для прикладных программистов - «Видео уроки - CSS»

    ... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
    30-07-2016, 10:20

    Flat Design - #7 - Цвета. Форма входа на сайт. 2 Часть - «Видео уроки - CSS»

    ... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
    30-07-2016, 10:20

    Яндекс.Директ - #7 - Аналитика и ведение кампаний - «Видео уроки - CSS»

    ... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
    30-07-2016, 10:19

    Яндекс.Директ - #8 - Идеальное объявление в Яндекс.Директ - «Видео уроки - CSS»

    ... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
    30-07-2016, 10:19

    PhpStorm - #2 - Настройка интерфейса. Визуальное оформление. Установка тем. - «Видео уроки - CSS»

    ... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
    30-07-2016, 10:19

    SEO простым языком - #1 - Продвижение сайта в поисковых системах - «Видео уроки - CSS»

    ... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
    30-07-2016, 10:19

    Более эффективная разработка - Emmet - «Видео уроки - CSS»

    ... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
    30-07-2016, 10:19

    Unconference доклады Николая Самохвалов, Дениса Милованова, Степана Кирюшкина на PGDay'15 - «Видео уроки - CSS»

    ... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
     !      
     B


    border-left-color border-top
     C column-count columns

    counter-reset

     D  E

     H

     Q

     F
     

     L
     
     

     M

     O
     P
     

     W
     
     
     

     T

    text-shadow
     R  U

     V  Z


    Вендорные свойства
    Эти свойства работают только в определённых браузерах.
    Префикс -moz- для Firefox, -ms- для Internet Explorer, -webkit- для Chrome и Safari, -o- для Opera.

     Firefox    Opera  Safari и Chrome
    -moz-border-bottom-colors
     
     
     

    -moz-orient
     
     

    -o-linear-gradient
     
     
     
     
     

    -webkit-linear-gradient



     @-правила      

    @font-face @media  


     Селекторы и их комбинации      
    A
     
    A   B
     
     
    [attr]
     
    [attr~='value']
     
     
     

     Псевдоклассы      
    :active
     

    :enabled

    :hover :not
     

    :only-child

    :read-only :target

     
    Если вы вдруг случайно заметили, что одна из ссылок ведет не на ту страницу будьте так любезны сообщить нам - Обратная связь ....
    Спасибо огромное..

    Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

    23-03-2016, 19:24
    initial
    Рейтинг:
    Категория: Справочник CSS
    Значение initial применяется для установки исходного значения свойства. Может пригодиться в нескольких случаях, к примеру, восстановить значения свойств, заданных браузером по умолчанию или задать начальное значение свойства, измененное в результате наследования. Ключевое...
    Просмотров: 377
    Комментариев: 0
    23-03-2016, 19:23
    inherit
    Рейтинг:
    Категория: Справочник CSS
    Ключевое слово, которое сообщает, что необходимо наследовать значение свойства у родительского элемента. Естественно, результат будет заметен только в том случае, если у родителя указанное свойство установлено....
    Просмотров: 354
    Комментариев: 0
    23-03-2016, 19:17
    Медиа-запросы
    Рейтинг:
    Категория: Справочник CSS
    Наряду с типами носителей в CSS3 включена поддержка различных технических параметров устройств, на основе которых требуется загружать те или иные стили. К примеру, можно определить смартфон с максимальным разрешением 640 пикселов и для него установить одни стилевые свойства, а для остальных...
    Просмотров: 373
    Комментариев: 0
    23-03-2016, 19:14
    Угол
    Рейтинг:
    Категория: Справочник CSS
    Задаёт угол наклона. Положительное значение отмеряется по часовой стрелке, отрицательное против часовой стрелки....
    Просмотров: 324
    Комментариев: 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 заменены латинскими буквами....
    Просмотров: 350
    Комментариев: 0
    23-03-2016, 19:07
    Адрес
    Рейтинг:
    Категория: Справочник CSS
    Адреса применяются для указания пути к файлу, например, для установки фоновой картинки на странице. Для этого применяется ключевое слово url(), внутри скобок пишется относительный или абсолютный адрес файла. При этом адрес можно задавать в необязательных одинарных или двойных кавычках....
    Просмотров: 330
    Комментариев: 0
    23-03-2016, 19:06
    Размер
    Рейтинг:
    Категория: Справочник CSS
    Для задания размеров различных элементов, в CSS используются абсолютные и относительные единицы измерения. Абсолютные единицы не зависят от устройства вывода, а относительные единицы определяют размер элемента относительно значения другого размера....
    Просмотров: 332
    Комментариев: 0
    23-03-2016, 19:05
    Проценты
    Рейтинг:
    Категория: Справочник CSS
    Процентная запись обычно применяется в тех случаях, когда надо изменить значение относительно родительского элемента или когда размеры зависят от внешних условий. Так, ширина таблицы 100% означает, что она будет подстраиваться под размеры окна браузера и меняться вместе с шириной окна....
    Просмотров: 332
    Комментариев: 0
    23-03-2016, 19:04
    Числа
    Рейтинг:
    Категория: Справочник CSS
    Значением может выступать целое число, содержащее цифры от 0 до 9 и десятичная дробь, в которой целая и десятичная часть разделяются точкой. Если число начинается с нуля, то его можно опустить (.5 вместо 0.5)....
    Просмотров: 316
    Комментариев: 0
    23-03-2016, 19:03
    Строки
    Рейтинг:
    Категория: Справочник CSS
    Любые строки необходимо брать в двойные или одинарные кавычки. Если внутри строки требуется оставить одну или несколько кавычек, то можно комбинировать типы кавычек или добавить перед кавычкой слэш....
    Просмотров: 302
    Комментариев: 0
    23-03-2016, 18:51
    calc()
    Рейтинг:
    Категория: Справочник CSS
    Используется для указания вычисляемого значения свойств, которые в качестве значений используют размер. Это позволяет задавать значения основанные на сложении или вычитании разных единиц измерений, например можно задать 100% - 20px. Если значение не может быть вычислено, оно...
    Просмотров: 323
    Комментариев: 0
    23-03-2016, 18:50
    Функция attr()
    Рейтинг:
    Категория: Справочник CSS
    Функция attr() применяется для добавления значения атрибута HTML-элемента в стилевое свойство. Например, можно получить значение атрибута class, а затем использовать его в качестве значения свойства background для изменения цвета....
    Просмотров: 319
    Комментариев: 0
    5-08-2016, 19:21
    Эффективные продажи в Сети
    Рейтинг:
    Категория: Новости
     Почти все современные предприниматели знают, что Интернет представляет собой относительно недорогую рекламная площадку, которой характерна большая отдача. Каждый день миллионы людей со всего мира ищут в Сети нужные им сведения, в том числе и с коммерческой целью: пользователи хотят приобрести...
    Просмотров: 51
    Комментариев: 0
    ... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не хочется."...
    Просмотров: 66
    Комментариев: 0
    ... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не хочется."...
    Просмотров: 57
    Комментариев: 0
    ... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не хочется."...
    Просмотров: 56
    Комментариев: 0
    ... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не хочется."...
    Просмотров: 67
    Комментариев: 0
    ... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не хочется."...
    Просмотров: 59
    Комментариев: 0
    ... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не хочется."...
    Просмотров: 54
    Комментариев: 0
    ... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не хочется."...
    Просмотров: 61
    Комментариев: 0
    ... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не хочется."...
    Просмотров: 59
    Комментариев: 0
    ... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не хочется."...
    Просмотров: 56
    Комментариев: 0
    ... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не хочется."...
    Просмотров: 58
    Комментариев: 0
    ... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не хочется."...
    Просмотров: 60
    Комментариев: 0
    ... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не хочется."...
    Просмотров: 55
    Комментариев: 0
    ... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не хочется."...
    Просмотров: 58
    Комментариев: 0
    ... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не хочется."...
    Просмотров: 58
    Комментариев: 0
    ... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не хочется."...
    Просмотров: 52
    Комментариев: 0
    ... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не хочется."...
    Просмотров: 50
    Комментариев: 0
    ... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не хочется."...
    Просмотров: 63
    Комментариев: 0
    ... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не хочется."...
    Просмотров: 55
    Комментариев: 0
    ... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не хочется."...
    Просмотров: 60
    Комментариев: 0
    «Показать больше статей»
    1 2 3 4 5 6 7 8 9 10 ... 422