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

Календарь
«    Июль 2017    »
ПнВтСрЧтПтСбВс
 12
3456789
10111213141516
17181920212223
24252627282930
31 
Популярные статьи
Архив новостей
Сентябрь 2019 (149)
Август 2019 (290)
Июль 2019 (341)
Июнь 2019 (367)
Май 2019 (446)
Апрель 2019 (434)
Наш опрос



РЕКЛАМА


ВАША РЕКЛАМА
Одной из самых масштабных и ожидаемых функций в Windows 10 Fall Creators Update была лента изменений Timeline в Представлении задач. Однако сегодня стало известно о том, что в ближайшем времени ее ожидать все-таки не стоит. Старт этой функции отложили до выхода следующего обновления, для участников...
Просмотров: 378
Комментариев: 0
Копилка дополнений для стандартного браузера от Microsoft наконец-то пополнилась отличным расширением Enhancer for YouTube, появившемся недавно в магазине Windows. Благодаря ему теперь возможно настроить YouTube ......
Просмотров: 428
Комментариев: 0
4-07-2017, 10:39
Как обрезать фото в Фотошопе
Рейтинг:
Категория: Новости
Здравствуйте! Сегодня мі рассмотрим как обрезать фото в Фотошопе. С версии CS6  инструмент обрезки фото был разделен на два инструмента, также произошло расширение возможностей и настроек работы, что очень удобно в практических действиях. А самое главное — произошло изменение идеологии режима...
Просмотров: 347
Комментариев: 0
Президент Российской Федерации Владимир Путин подписал закон о блокировке «зеркал» сайтов, содержащих какой-либо противоправный контент. Таким образом, он начнет действовать с 1 октября 2017 года....
Просмотров: 282
Комментариев: 0
Столичные операторы каршеринга занесли в списки недобросовестных водителей примерно 1400 человек — они больше не смогут взять автомобиль в краткосрочную аренду. Сейчас в Москве услуги каршеринга предоставляют пять операторов — «Делимобиль», Car5, Anytimecar, Youdrive и BelkaCar. В общей ......
Просмотров: 370
Комментариев: 0
В прессе появились сообщения о намерении Apple расширить возможности по поставкам OLED-экранов для смартфонов iPhone нового поколения с помощью финансовой поддержки поставщиков. Информация размещенная на сайте - «hs-design.ru» Согласно публикации южнокорейского ресурса The Investor, Apple...
Просмотров: 307
Комментариев: 0
Численность персонала Samsung Electronics сократилась впервые за семь лет. Сказались реструктуризация в Китае и продажа активов, передаёт агентство Yonhap, ссылаясь на данные компании. По итогам 2016 года в Samsung работало в общей сложности 308 745 человек, что на 5,2 % меньше, чем годом ранее....
Просмотров: 277
Комментариев: 0
Компания ADATA Technology анонсировала новый портативный накопитель HD650, обладающий вместимостью 4 Тбайт. Продажи устройства начнутся в ближайшее время. Новинка выполнена на основе жёсткого диска. Для подключения к компьютеру служит порт USB 3.1. Интерфейс USB также служит для подачи питания,...
Просмотров: 303
Комментариев: 0
Согласно данным источников Reuters, план продажи полупроводникового подразделения Toshiba может включать возможность для SK Hynix получить в конечном итоге миноритарную долю в бизнесе, что противоречит публичным заявлениям Toshiba. Информация размещенная на сайте - «hs-design.ru» SK Hynix Inc...
Просмотров: 300
Комментариев: 0
Компании China Mobile, SAIC Motor и Huawei продемонстрировали первую в мире технологию дистанционного управления легковым автомобилем, созданную на базе мобильной сети пятого поколения (5G). В рамках эксперимента Huawei предоставила беспроводное решение 5G, обеспечившее подключение «умного»...
Просмотров: 352
Комментариев: 0
Смартфон Meizu Pro 7 обещает стать по-настоящему интересным мобильным гаджетом благодаря оригинальной задумке, которая ляжет в его основу и станет ключевой «фишкой» новинки. Речь идёт о наличии небольшого вспомогательного дисплея на тыльной стороне гаджета. Смартфоны с двумя экранами неоднократно...
Просмотров: 251
Комментариев: 0
Группа компаний «Хевел» (совместное предприятие ГК «Ренова» и АО РОСНАНО) провела модернизацию завода по производству солнечных модулей в Новочебоксарске Чувашской Республики. Информация размещенная на сайте - «hs-design.ru» Это единственный в России завод полного цикла по выпуску солнечных...
Просмотров: 349
Комментариев: 0
У частной американской аэрокосмической компании SpaceX очередное знаменательное событие. Повторно запущенный 3 июня 2017 года космический грузовик Dragon доставил груз на МКС и успешно вернулся на Землю в понедельник утром, 3 июля. SpaceX впервые повторно использовала космический корабль для...
Просмотров: 292
Комментариев: 0
Повторный релиз смартфона Samsung Note7 — его улучшенной версии с безопасным аккумулятором — подарил фанатам продукции южнокорейского бренда Galaxy Note Fan Edition. Именно под таким названием устройство сделало вторую попытку завоевать любовь и доверие пользователей. Ограниченный тираж в...
Просмотров: 297
Комментариев: 0
На российском рынке представлен смартфон ASUS ZenFone 4 Max, уже доступный для предварительного заказа на сайте интернет-магазина «МегаФона». В аппарате применён процессор Snapdragon 425, который содержит четыре вычислительных ядра ARM Cortex-A53 с частотой 1,4 ГГц, графический ускоритель Adreno...
Просмотров: 307
Комментариев: 0
Компания Thermaltake пополнила ассортимент компьютерных корпусов моделью Versa C24 RGB, которая относится к решениям типоразмера Mid Tower. Новинка будет предлагаться в двух вариантах цветового исполнения — белом и чёрном. Предусмотрена многоцветная светодиодная подсветка. В боковой части имеется...
Просмотров: 331
Комментариев: 0
ЦНИИточмаш госкорпорации Ростех представил в Центре прототипирования высокой сложности НИТУ МИСиС «Кинетика» выставку «10 артефактов будущего — перспективные российские технологии». Центр прототипирования создан при поддержке Министерства образования и науки РФ и Министерства промышленности и...
Просмотров: 317
Комментариев: 0
Во вторник, 4 июля, Samsung Electronics сообщила об инвестировании не менее 21,4 трлн вон ($18,63 млрд) в развитие своего бизнеса на территории Южной Кореи. Этими расходами компания стремится укрепить свои позиции на рынках памяти и дисплеев нового поколения для смартфонов, передаёт агентство...
Просмотров: 301
Комментариев: 0
Компания HMD Global, получившая права на использование торговой марки Nokia, намерена сотрудничать с Xiaomi. По крайней мере, такую информацию распространили сетевые источники. Сообщается, что речь идёт об использовании в смартфонах Nokia доморощенных мобильных процессоров Xiaomi. Это, в...
Просмотров: 299
Комментариев: 0
Компания ASUS анонсировала мониторы VP278QG и VP247QG с диагональю соответственно 27 и 23,6 дюйма, рассчитанные на использование в составе игровых систем. Панели обладают разрешением 1920 × 1080 пикселей — формат Full HD. Время отклика составляет 1 мс. Обеспечивается 72-процентный охват...
Просмотров: 321
Комментариев: 0
Национальное управление США по воздухоплаванию и исследованию космического пространства (NASA) одобрило проект DART по изучению эффективности технологии защиты от потенциально опасных космических тел. Речь идёт о методике так называемого «кинетического удара». Суть заключается в том, чтобы разбить...
Просмотров: 305
Комментариев: 0
В Москве могут появиться парковочные места для электромобилей, сообщает ТАСС со ссылкой на заместителя мэра столицы Максима Ликсутова. «Для электротранспорта в Москве парковка бесплатная. На сегодняшний день с Минтрансом мы обсуждаем вопрос по скорейшему принятию в Российской Федерации...
Просмотров: 378
Комментариев: 0
В распоряжении сетевых источников оказались слайды, демонстрирующие основные характеристики смартфона Redmi Note 5, который, как ожидается, вскоре представит китайская компания Xiaomi. Судя по всему, к выпуску готовятся версии аппарата с процессором Snapdragon 630 и Snapdragon 660......
Просмотров: 283
Комментариев: 0


  • Новости мира Интернет
  • Афоризмы
  • Видео уроки
  • Справочник CSS
14-09-2019, 09:00

Система Ford защитит датчики робомобилей от насекомых - «Новости сети»

Камеры, различные сенсоры и лидары являются «глазами» роботизированных автомобилей. От их чистоты напрямую зависит эффективность работы автопилота, а следовательно, безопасность движения. Компания
14-09-2019, 09:00

Глава Disney Боб Айгер ушёл из совета директоров Apple накануне телевизионных битв - «Новости сети»

Apple заявила, что исполнительный директор Walt Disney Co. Боб Айгер (Bob Iger) покинул совет директоров купертинского гиганта 10 сентября, поскольку две компании готовятся к конкурентной борьбе в
14-09-2019, 09:00

Израиль опроверг сообщения об установке «жучков» у Белого дома в США - «Новости сети»

Американское издание Politico сообщило в четверг об установленных на прилегающей в Белому дому территории, а также возле других объектов повышенной секретности средствах наблюдения, так называемых
14-09-2019, 09:00

Дрон AquaMAV может плавать и летать - «Новости сети»

Инженеры часто при создании роботов обращаются за вдохновением к природе. Достаточно взглянуть на робота-собаку Астро, или похожего на антилопу робота SpaceBok, созданного для работы в условиях
14-09-2019, 09:00

SpaceX намерена развернуть спутниковую широкополосную связь в США быстрее, чем ожидалось - «Новости сети»

SpaceX заявила о планах изменить свою стратегию запусков спутников таким образом, чтобы ускорить развёртывание глобальной спутниковой широкополосной сети передачи данных Starlink, и поставила новую
14-09-2019, 09:00

Корпус Xigmatek Overtake: эффектный дизайн и до 11 вентиляторов диаметром 120 мм - «Новости сети»

Компания Xigmatek выпустила любопытную новинку — компьютерный корпус под названием Overtake, рассчитанный на работу с материнскими платами типоразмера до E-ATX. Решение позволяет создать настольную
14-09-2019, 09:00

Один из проблемных спутников «Глонасс-М» вернулся в строй после техобслуживания - «Новости сети»

По сообщениям сетевых источников, один из трёх спутников группировки ГЛОНАСС, которые ранее были выведены на внеплановое техобслуживание, вернулся в строй. Об этом свидетельствуют данные
14-09-2019, 09:00

Raijintek Metis Evo: корпус-куб в шести цветовых исполнениях - «Новости сети»

Компания Raijintek представила корпус Metis Evo, позволяющий сформировать компактную настольную систему или домашний мультимедийный центр на плате типоразмера Mini-ITX. Новинка имеет практически
14-09-2019, 09:00

В токийском кафе Pepper Parlor будут работать роботы Pepper и обычные официанты - «Новости сети»

Компания Softbank Robotics объявила о планах открыть в Токио кафе Pepper Parlor, где в качестве официантов будут работать как люди, так и роботы. Новое кафе будет размещено в районе Tokyu Plaza
14-09-2019, 09:00

Для 10-ядерных Comet Lake Gigabyte готовит 35 плат, одна из которых белая - «Новости сети»

В едином реестре нотификаций Евразийской Экономической Комиссии появились сведения о материнских платах компании Gigabyte, ориентированных на работу с перспективными процессорами Intel Comet Lаke-S,
13-09-2019, 12:00

Компактный ноутбук-трансформер Peakago с 7" дисплеем обойдётся в $300 - «Новости сети»

В скором времени начнутся продажи компактного трансформируемого ноутбука, использующего аппаратную платформу Intel поколения Cherry Trail и операционную систему Windows 10. Новинка оснащена
13-09-2019, 12:00

Экран смартфона Vivo NEX 3 займёт почти 100 % площади лицевой панели - «Новости сети»

Готовящийся к выпуску смартфон Vivo NEX 3, как сообщают сетевые источники, получит дисплей с одним из самых больших на рынке значений Screen-To-Body Ratio — это отношение площади экрана к площади
Что такое CSS Препроцессор?  - «Видео уроки - CSS»
Сегодня, 00:00

Что такое CSS Препроцессор? - «Видео уроки - CSS»

#loftblog #азбукапрограммиста... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не
Мессенджер MyTeam, Audi AI:Trail, Программируемые чернила  - «Видео уроки - CSS»
Вчера, 03:00

Мессенджер MyTeam, Audi AI:Trail, Программируемые чернила - «Видео уроки - CSS»

#loftblog #DevNews #вебпрограммист... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда
Собеседование Frontend-разработчика  - «Видео уроки - CSS»
Вчера, 03:00

Собеседование Frontend-разработчика - «Видео уроки - CSS»

... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
ПЕРВЫЙ ЗАРАБОТОК ИЗ LESORUB MONEY! НОВАЯ ИГРА С ВЫВОДОМ ДЕНЕГ / ЗАРАБОТОК В ИНТЕРНЕТЕ #EasyMoney  - «Видео уроки - CSS»
14-09-2019, 21:00

ПЕРВЫЙ ЗАРАБОТОК ИЗ LESORUB MONEY! НОВАЯ ИГРА С ВЫВОДОМ ДЕНЕГ / ЗАРАБОТОК В ИНТЕРНЕТЕ #EasyMoney - «Видео уроки - CSS»

Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
ПОЧАСОВИК GRP ПЛАТИТ Выводим ДЕНЬГИ Новый деп 150$  - «Видео уроки - CSS»
14-09-2019, 21:00

ПОЧАСОВИК GRP ПЛАТИТ Выводим ДЕНЬГИ Новый деп 150$ - «Видео уроки - CSS»

#EasyMoney #заработок #заработоквинтернете... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не
СКОЛЬКО Я ЗАРАБОТАЛ в L7 TRADE. Как Зарабатывать Больше. Выводим Заработок.  - «Видео уроки - CSS»
14-09-2019, 21:00

СКОЛЬКО Я ЗАРАБОТАЛ в L7 TRADE. Как Зарабатывать Больше. Выводим Заработок. - «Видео уроки - CSS»

#заработок #заработоквинтернете #заработоконлайн... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не
GRP AGENCY - ЧАСОВИК С ПОСТОЯННО ВОЗРАСТАЮЩИМ ЗАРАБОТКОМ. НОВИНКА. Обзор и Тест / #EasyMoney  - «Видео уроки - CSS»
11-09-2019, 21:00

GRP AGENCY - ЧАСОВИК С ПОСТОЯННО ВОЗРАСТАЮЩИМ ЗАРАБОТКОМ. НОВИНКА. Обзор и Тест / #EasyMoney - «Видео уроки - CSS»

Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
Пишем расширение для VS Сode: аналог Quokka.js  - «Видео уроки - CSS»
11-09-2019, 18:00

Пишем расширение для VS Сode: аналог Quokka.js - «Видео уроки - CSS»

#loftblog #вебпрограммист #HardCode... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда
Angular + Redux  - «Видео уроки - CSS»
11-09-2019, 18:00

Angular + Redux - «Видео уроки - CSS»

... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
4 ЭКОНОМИЧЕСКИЕ ИГРЫ ДЛЯ ЗАРАБОТКА. ВЫВОДИМ ДЕНЬГИ / ЗАРАБОТОК В ИНТЕРНЕТЕ #EasyMoney  - «Видео уроки - CSS»
10-09-2019, 21:00

4 ЭКОНОМИЧЕСКИЕ ИГРЫ ДЛЯ ЗАРАБОТКА. ВЫВОДИМ ДЕНЬГИ / ЗАРАБОТОК В ИНТЕРНЕТЕ #EasyMoney - «Видео уроки - CSS»

Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
Taxi Money 5 Лет Платит ? Тестируем Вывод Денег. / ЗАРАБОТОК В ИНТЕРНЕТЕ #EasyMoney  - «Видео уроки - CSS»
6-09-2019, 18:00

Taxi Money 5 Лет Платит ? Тестируем Вывод Денег. / ЗАРАБОТОК В ИНТЕРНЕТЕ #EasyMoney - «Видео уроки - CSS»

Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
LESORUB MONEY - НОВАЯ ЭКОНОМИЧЕСКАЯ ИГРА С ВЫВОДОМ РЕАЛЬНЫХ ДЕНЕГ / ЗАРАБОТОК В ИНТЕРНЕТЕ #EasyMoney  - «Видео уроки - CSS»
6-09-2019, 18:00

LESORUB MONEY - НОВАЯ ЭКОНОМИЧЕСКАЯ ИГРА С ВЫВОДОМ РЕАЛЬНЫХ ДЕНЕГ / ЗАРАБОТОК В ИНТЕРНЕТЕ #EasyMoney - «Видео уроки - 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 применяется для установки исходного значения свойства. Может пригодиться в нескольких случаях, к примеру, восстановить значения свойств, заданных браузером по умолчанию или задать начальное значение свойства, измененное в результате наследования. Ключевое...
Просмотров: 3 939
Комментариев: 1
23-03-2016, 19:23
inherit
Рейтинг:
Категория: Справочник CSS
Ключевое слово, которое сообщает, что необходимо наследовать значение свойства у родительского элемента. Естественно, результат будет заметен только в том случае, если у родителя указанное свойство установлено....
Просмотров: 3 856
Комментариев: 3
23-03-2016, 19:17
Медиа-запросы
Рейтинг:
Категория: Справочник CSS
Наряду с типами носителей в CSS3 включена поддержка различных технических параметров устройств, на основе которых требуется загружать те или иные стили. К примеру, можно определить смартфон с максимальным разрешением 640 пикселов и для него установить одни стилевые свойства, а для остальных...
Просмотров: 3 850
Комментариев: 3
23-03-2016, 19:14
Угол
Рейтинг:
Категория: Справочник CSS
Задаёт угол наклона. Положительное значение отмеряется по часовой стрелке, отрицательное против часовой стрелки....
Просмотров: 3 620
Комментариев: 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 заменены латинскими буквами....
Просмотров: 3 980
Комментариев: 2
23-03-2016, 19:07
Адрес
Рейтинг:
Категория: Справочник CSS
Адреса применяются для указания пути к файлу, например, для установки фоновой картинки на странице. Для этого применяется ключевое слово url(), внутри скобок пишется относительный или абсолютный адрес файла. При этом адрес можно задавать в необязательных одинарных или двойных кавычках....
Просмотров: 3 919
Комментариев: 2
23-03-2016, 19:06
Размер
Рейтинг:
Категория: Справочник CSS
Для задания размеров различных элементов, в CSS используются абсолютные и относительные единицы измерения. Абсолютные единицы не зависят от устройства вывода, а относительные единицы определяют размер элемента относительно значения другого размера....
Просмотров: 3 746
Комментариев: 3
23-03-2016, 19:05
Проценты
Рейтинг:
Категория: Справочник CSS
Процентная запись обычно применяется в тех случаях, когда надо изменить значение относительно родительского элемента или когда размеры зависят от внешних условий. Так, ширина таблицы 100% означает, что она будет подстраиваться под размеры окна браузера и меняться вместе с шириной окна....
Просмотров: 3 969
Комментариев: 1
23-03-2016, 19:04
Числа
Рейтинг:
Категория: Справочник CSS
Значением может выступать целое число, содержащее цифры от 0 до 9 и десятичная дробь, в которой целая и десятичная часть разделяются точкой. Если число начинается с нуля, то его можно опустить (.5 вместо 0.5)....
Просмотров: 3 818
Комментариев: 3
23-03-2016, 19:03
Строки
Рейтинг:
Категория: Справочник CSS
Любые строки необходимо брать в двойные или одинарные кавычки. Если внутри строки требуется оставить одну или несколько кавычек, то можно комбинировать типы кавычек или добавить перед кавычкой слэш....
Просмотров: 3 683
Комментариев: 3
23-03-2016, 18:51
calc()
Рейтинг:
Категория: Справочник CSS
Используется для указания вычисляемого значения свойств, которые в качестве значений используют размер. Это позволяет задавать значения основанные на сложении или вычитании разных единиц измерений, например можно задать 100% - 20px. Если значение не может быть вычислено, оно...
Просмотров: 3 938
Комментариев: 3
23-03-2016, 18:50
Функция attr()
Рейтинг:
Категория: Справочник CSS
Функция attr() применяется для добавления значения атрибута HTML-элемента в стилевое свойство. Например, можно получить значение атрибута class, а затем использовать его в качестве значения свойства background для изменения цвета....
Просмотров: 4 759
Комментариев: 3