Меню
Наши новости
Учебник 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    »
ПнВтСрЧтПтСбВс
 123456
78910111213
14151617181920
21222324252627
28293031 
Архив новостей
Апрель 2018 (429)
Март 2018 (701)
Февраль 2018 (639)
Январь 2018 (666)
Декабрь 2017 (745)
Ноябрь 2017 (725)
Наш опрос



Наши новости

В который раз жители России вынуждены терпеть неудобства и ограничение в свободном пользовании Всемирной паутиной. На этот раз, Президент России …......
Просмотров: 197
Комментариев: 0
Приобретая гаджет, пользователь неминуемо сталкивается с необходимостью установки программного обеспечения. Поэтому важно знать, какие необходимые программы для Windows 10 следует …......
Просмотров: 161
Комментариев: 0
Очередная сборка 16278 от Microsoft для ПК для участников быстрого цикла обновлений. Свежий выпуск имеет довольно внушительный список исправлений. Что …......
Просмотров: 207
Комментариев: 0
Цифровые фотоизображения прочно вошли в нашу жизнь и становится актуальным вопрос, какая программа для просмотра фотографий в Windows 10 наиболее …......
Просмотров: 224
Комментариев: 0
Занимаясь важными делами за компьютерам или во время игрового процесса, пользователь может столкнуться с возникновением ошибки whea uncorrectable error. Она …......
Просмотров: 209
Комментариев: 0
Сегодня поговорим о том, как отключить гибернацию в Windows 10. Кроме того кратко поясним, что это такое и зачем производить …......
Просмотров: 165
Комментариев: 0
Автозаполнение форм на сайте – это отличный способ сэкономить время при использовании ресурсов интернета. При желании вы можете воспользоваться указанной …......
Просмотров: 179
Комментариев: 0
Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не хочется."...
Просмотров: 192
Комментариев: 0
Положение LG Electronics на рынке флагманских смартфонов иначе чем парадоксальным назвать нельзя. С одной стороны, компания первой сломала стереотип в отношении соотношения сторон дисплеев мобильных устройств, наделив экран модели G6 пропорциями 18:9, а с другой, у неё до сих пор не было аппарата...
Просмотров: 120
Комментариев: 0
Western Digital Corporation объявила о создании самой ёмкой в мире карты памяти microSD. Анонс приурочен к выставке IFA 2017, которая проходит в Берлине (Германия). Накопитель представлен под брендом SanDisk (о приобретении этой компании было объявлено осенью 2015 года). Карта SanDisk Ultra...
Просмотров: 140
Комментариев: 0
Аналитики CCS Insight составили прогноз по мировому рынку «умных» часов. По их мнению, Apple сохранит лидерство благодаря выходу устройства со встроенным LTE-модемом. Согласно ожиданиям исследователей, объём глобального рынка наручных компьютеризированных часов в 2017 году достигнет $7,9 млрд, а...
Просмотров: 119
Комментариев: 0
В распоряжении сетевых источников оказались постеры, на которых запечатлён пока не представленный официально смартфон Vivo с лаконичным обозначением X20. Постеры подготовлены к Чемпионату мира по футболу 2018, финальная часть которого пройдёт в России с 14 июня по 15 июля следующего года. Vivo...
Просмотров: 105
Комментариев: 0
Компания Western Digital на выставке IFA 2017 в Берлине (Германия) анонсировала новое стационарное хранилище данных под названием My Cloud Home. Устройство призвано стать персональным облачным накопителем. Пользователи смогут централизованно хранить информацию со всех своих компьютеров, мобильных...
Просмотров: 117
Комментариев: 0
Компания Acer в ходе выставки IFA 2017 в Берлине (Германия) анонсировала игровую гарнитуру Predator Galea 500, а также мышь Predator Cestus 500. В гарнитуре реализована фирменная технология Acer TrueHarmony 3D Soundscape. Эта система создаёт из игровых звуков виртуальное трёхмерное пространство и...
Просмотров: 121
Комментариев: 0
Выставка IFA 2017 откроет свои двери для посетителей только в пятницу, 1 сентября, однако многие компании, принимающие в ней участие, анонсировали свои главные новинки заранее. Для Sony такими новинками стали флагманские смартфоны Xperia XZ1 и XZ1 Compact, о которых мы уже подробно рассказывали. Но...
Просмотров: 115
Комментариев: 0
Корпорация Sony представила на выставке IFA 2017 любопытную новинку — миниатюрную камеру RX0, предназначенную для осуществления съёмки в экстремальных условиях. Устройство наделено 1-дюймовой КМОП-матрицей Exmor RS CMOS с 15,3 млн пикселей, процессором обработки изображений BIONZ X и...
Просмотров: 102
Комментариев: 0
На пресс-конференции, состоявшейся в рамках выставки IFA 2017 в Берлине, компания Acer представила обновлённый ноутбук Chromebook 15, который стал тоньше и легче предшественника. Крышка новинки, равно как и рабочая зона вокруг клавиатуры, выполнены из алюминия. Габариты хромбука равны 378 ×...
Просмотров: 113
Комментариев: 0
Компания ASUS в числе других новинок представила в рамках берлинской выставки IFA 2017 высокопроизводительный маршрутизатор с обозначением RT-AX88U. ASUS называет новинку своим первым роутером с поддержкой Wi-Fi IEEE 802.11ax. Этот стандарт обещает существенно более высокие скорости передачи...
Просмотров: 115
Комментариев: 0
Спрос на новый Nokia 3310 в России оказался слабым, что эксперты связывают с высокой стоимостью устройства. Nokia 3310 нового поколения начал продаваться в России в мае 2017 года. В июле этот аппарат разошёлся в количестве чуть мене 23 тыс. штук, пишут «Ведомости» со ссылкой на материалы...
Просмотров: 122
Комментариев: 0
Компания ASUS представила в семействе игровых продуктов ROG новый монитор Swift XG258Q, выполненный на матрице TN размером 24,5 дюйма по диагонали. Панель характеризуется временем отклика в 1 мс (Gray to Gray), а частота обновления достигает 240 Гц. Поддерживается технология AMD FreeSync,...
Просмотров: 129
Комментариев: 0
Компания Western Digital представила в Берлине (Германия) на выставке IFA 2017 новый аксессуар для смартфонов iPhone — зарядную станцию SanDisk iXpand Base. Главная особенность устройства заключается в том, что оно позволяет не только восполнять запас энергии сотового аппарата, но и осуществлять...
Просмотров: 129
Комментариев: 0
Корпорация Sony на выставке IFA 2017 представила собственное видение «умного» динамика для современного дома: изделие получило обозначение LF-S50G. В устройстве задействован голосовой помощник Google Assistant — разрабатывать собственное решение для реализации функций голосового управления Sony не...
Просмотров: 113
Комментариев: 0
В связи с явным дефицитом видеокарт Radeon RX Vega 56 отчётов об их разгоне и других опытах в Сети немного. Китайские умельцы, обитающие на форуме Chiphell, решили испытать референсную карту RX Vega 56 в сочетании с VGA-BIOS модели Radeon RX Vega 64. Расчёт на разблокировку 512 потоковых...
Просмотров: 121
Комментариев: 0
[thumb]https://hs-design.ru/uploads/posts/2017-08/kak-iskat-rabotu-javascript-programmistu-video-uroki-css_1.jpeg[/thumb] Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь:...
Просмотров: 200
Комментариев: 0
Рекламные объявления, размещенные с помощью платформы Яндекс.Директ, начали демонстрироваться на экране завершения звонка в популярном мессенджере Viber....
Просмотров: 114
Комментариев: 0
Оптические активные кабели нашли широкое применение в сетевом оборудовании. Переход с меди на оптику позволил удлинить интерфейсы без потери скорости, внешних наводок и ощутимо снизил вес кабелей, что для многометровых дистанций очень существенно. Рост скоростей обмена данными между устройствами в...
Просмотров: 112
Комментариев: 0
Британский производитель престижных спортивных автомобилей Aston Martin намерен активно развивать направление гибридных и полностью электрических машин. Об этом сообщил глава компании Энди Палмер (Andy Palmer) в интервью Financial Times. По словам господина Палмера, к середине следующего...
Просмотров: 111
Комментариев: 0
Компания Logitech анонсировала беспроводные мышь G603 LightSpeed и клавиатуру G613 LightSpeed, а также коврик высокого качества G840 XL. Все новинки ориентированы на пользователей, посвящающих много времени компьютерным играм. Мышь G603 LightSpeed наделена высокоэффективным оптическим сенсором...
Просмотров: 178
Комментариев: 0
«Показать больше статей»
1 2 3 4 5 6 7 8 9 10 ... 20


  • Новости мира Интернет
  • Афоризмы
  • Видео уроки
  • Справочник CSS
Вчера, 18:01

Названы ключевые технологии для развития «умных» городов в России - «Новости сети»

«Ростелеком» совместно с Минстроем России назвал главные сквозные технологии для создания так называемых «умных» городов в нашей стране. К сквозным относятся те технологии, которые одновременно
Вчера, 18:01

G.SKILL представила модули памяти DDR4 для процессоров AMD Ryzen 2000 - «Новости сети»

Компания G.SKILL International Enterprise раскрыла характеристики модулей оперативной памяти DDR4 для процессоров AMD Ryzen 2000 Series с кодовым именем Pinnacle Ridge. Сообщается, что
Вчера, 18:01

PowerColor показала прототип Radeon RX Vega Nano - «Новости сети»

На конференции Tech Day в Мюнхене представители AMD рассказали о новых процессорах Pinnacle Ridge, однако мероприятие запомнится не только этим: в его рамках был продемонстрирован прототип видеокарты
Вчера, 18:01

Lenovo анонсировала ноутбуки ThinkPad E485/E585 на базе APU Ryzen - «Новости сети»

Ещё в феврале стало известно о планах компании Lenovo по выпуску mainstream-ноутбуков ThinkPad E485 (14 дюймов) и ThinkPad E585 (15,6 дюйма). Ожидалось, что новинки будут использовать APU AMD 14-нм
Вчера, 18:00

AVerMedia SonicWave GH335 и GH337: гарнитуры игрового класса - «Новости сети»

Компания AVerMedia анонсировала игровые гарнитуры SonicWave GH335 и SonicWave GH337, которые поступят в продажу в самое ближайшее время. Новинки относятся к накладному типу. Они наделены
Вчера, 18:00

Внешний графический ускоритель eX Core выполнен в компактном корпусе - «Новости сети»

Команда exklim организовала на краудфандинговой площадке Kickstarter сбор средств на выпуск любопытной новинки — устройства под названием eX Core. Показанное на изображениях решение представляет
Вчера, 18:00

Gigabyte выпустила новые платы для Coffee Lake-S — H310 D3 и H310M S2P - «Новости сети»

С недавним анонсом 17 новых настольных процессоров Core 8-го поколения, а также наборов системной логики B360 и H310, интерес к платформе Intel LGA1151 среди экономных пользователей значительно
Вчера, 18:00

Портативный Bluetooth-динамик B&O Beoplay P6 оценён в €400 - «Новости сети»

Бренд B&O Play представил высококачественный портативный динамик Beoplay P6, продажи которого начнутся уже до конца текущего месяца. Новинка заключена в алюминиевый корпус в ретро-стиле.
Вчера, 18:00

Выход смартфона Xiaomi Mi 7 задержится из-за 3D-системы распознавания лица - «Новости сети»

Как мы уже сообщали, китайская компания Xiaomi готовит к выпуску высокопроизводительный смартфон Mi 7. Предполагалось, что этот аппарат дебютирует в текущем квартале, однако теперь стало известно,
Вчера, 18:00

MediaTek представила первую SoC для IoT-платформы Microsoft Azure Sphere - «Новости сети»

На неделе на конференции RSA 2018 в Сан-Франциско компания Microsoft представила защищённый сервис Azure Sphere для вещей с подключением к Интернету. По сути — это платформа. Сервис Azure Sphere
Вчера, 18:00

Исследователи создали экзокостюм для управления дроном движениями туловища - «Новости сети»

Возникало ли у вас когда-нибудь желание поуправлять беспилотником, двигая частями тела словно птица? Благодаря исследователям из Федеральной политехнической школы Лозанны в Швейцарии это стало
Вчера, 18:00

Запуск астрофизической обсерватории «Спектр-РГ» состоится не ранее марта 2019 года - «Новости сети»

Холдинг «Российские космические системы» (РКС), входящий в госкорпорацию Роскосмос, сообщает о том, что запуск уникальной обсерватории «Спектр-РГ» в настоящее время намечен на март 2019 года.
Виджеты и Сайдбары в WordPress. Создаем свой сайдбар.  - «Видео уроки - CSS»
Вчера, 06:00

Виджеты и Сайдбары в WordPress. Создаем свой сайдбар. - «Видео уроки - CSS»

Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
Блокировка Telegram — Суровый веб #162  - «Видео уроки - CSS»
19-04-2018, 15:00

Блокировка Telegram — Суровый веб #162 - «Видео уроки - CSS»

Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
Как работать программистом в Германии?  - «Видео уроки - CSS»
18-04-2018, 23:00

Как работать программистом в Германии? - «Видео уроки - CSS»

Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
HTML Сниппеты #4. Адаптивная верстка вертикального таймлайна  - «Видео уроки - CSS»
18-04-2018, 07:00

HTML Сниппеты #4. Адаптивная верстка вертикального таймлайна - «Видео уроки - CSS»

Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
Что такое Taxonomy. Функция register_taxonomy()  - «Видео уроки - CSS»
18-04-2018, 03:00

Что такое Taxonomy. Функция register_taxonomy() - «Видео уроки - CSS»

Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
Что такое Custom Post Type. Функция register_post_type()  - «Видео уроки - CSS»
17-04-2018, 04:00

Что такое Custom Post Type. Функция register_post_type() - «Видео уроки - CSS»

Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
Складной iPhone, Playstation 5, Mozilla, Visual Studio Code, DotNext 2018  - «Видео уроки - CSS»
14-04-2018, 12:00

Складной iPhone, Playstation 5, Mozilla, Visual Studio Code, DotNext 2018 - «Видео уроки - CSS»

Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
Хитрости ECMAScript 6 для настоящих самцов — Суровый веб #161  - «Видео уроки - CSS»
14-04-2018, 04:00

Хитрости ECMAScript 6 для настоящих самцов — Суровый веб #161 - «Видео уроки - CSS»

Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
Установка WP на localhost. Стартовая тема. Иерархия файлов.  - «Видео уроки - CSS»
11-04-2018, 21:00

Установка WP на localhost. Стартовая тема. Иерархия файлов. - «Видео уроки - CSS»

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

Начать делать то, что раньше не делал - «Видео уроки - CSS»

Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
Беларусь. Сколько зарабатывают программисты?  - «Видео уроки - CSS»
11-04-2018, 21:00

Беларусь. Сколько зарабатывают программисты? - «Видео уроки - CSS»

Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
20 коммерческих факторов ранжирования, которые выведут ваш сайт в топ  - «Видео уроки - CSS»
9-04-2018, 23:00

20 коммерческих факторов ранжирования, которые выведут ваш сайт в топ - «Видео уроки - 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 применяется для установки исходного значения свойства. Может пригодиться в нескольких случаях, к примеру, восстановить значения свойств, заданных браузером по умолчанию или задать начальное значение свойства, измененное в результате наследования. Ключевое...
Просмотров: 2 017
Комментариев: 1
23-03-2016, 19:23
inherit
Рейтинг:
Категория: Справочник CSS
Ключевое слово, которое сообщает, что необходимо наследовать значение свойства у родительского элемента. Естественно, результат будет заметен только в том случае, если у родителя указанное свойство установлено....
Просмотров: 2 022
Комментариев: 3
23-03-2016, 19:17
Медиа-запросы
Рейтинг:
Категория: Справочник CSS
Наряду с типами носителей в CSS3 включена поддержка различных технических параметров устройств, на основе которых требуется загружать те или иные стили. К примеру, можно определить смартфон с максимальным разрешением 640 пикселов и для него установить одни стилевые свойства, а для остальных...
Просмотров: 1 951
Комментариев: 3
23-03-2016, 19:14
Угол
Рейтинг:
Категория: Справочник CSS
Задаёт угол наклона. Положительное значение отмеряется по часовой стрелке, отрицательное против часовой стрелки....
Просмотров: 1 786
Комментариев: 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 заменены латинскими буквами....
Просмотров: 2 060
Комментариев: 2
23-03-2016, 19:07
Адрес
Рейтинг:
Категория: Справочник CSS
Адреса применяются для указания пути к файлу, например, для установки фоновой картинки на странице. Для этого применяется ключевое слово url(), внутри скобок пишется относительный или абсолютный адрес файла. При этом адрес можно задавать в необязательных одинарных или двойных кавычках....
Просмотров: 2 121
Комментариев: 2
23-03-2016, 19:06
Размер
Рейтинг:
Категория: Справочник CSS
Для задания размеров различных элементов, в CSS используются абсолютные и относительные единицы измерения. Абсолютные единицы не зависят от устройства вывода, а относительные единицы определяют размер элемента относительно значения другого размера....
Просмотров: 1 803
Комментариев: 3
23-03-2016, 19:05
Проценты
Рейтинг:
Категория: Справочник CSS
Процентная запись обычно применяется в тех случаях, когда надо изменить значение относительно родительского элемента или когда размеры зависят от внешних условий. Так, ширина таблицы 100% означает, что она будет подстраиваться под размеры окна браузера и меняться вместе с шириной окна....
Просмотров: 1 965
Комментариев: 1
23-03-2016, 19:04
Числа
Рейтинг:
Категория: Справочник CSS
Значением может выступать целое число, содержащее цифры от 0 до 9 и десятичная дробь, в которой целая и десятичная часть разделяются точкой. Если число начинается с нуля, то его можно опустить (.5 вместо 0.5)....
Просмотров: 1 860
Комментариев: 3
23-03-2016, 19:03
Строки
Рейтинг:
Категория: Справочник CSS
Любые строки необходимо брать в двойные или одинарные кавычки. Если внутри строки требуется оставить одну или несколько кавычек, то можно комбинировать типы кавычек или добавить перед кавычкой слэш....
Просмотров: 1 758
Комментариев: 3
23-03-2016, 18:51
calc()
Рейтинг:
Категория: Справочник CSS
Используется для указания вычисляемого значения свойств, которые в качестве значений используют размер. Это позволяет задавать значения основанные на сложении или вычитании разных единиц измерений, например можно задать 100% - 20px. Если значение не может быть вычислено, оно...
Просмотров: 2 056
Комментариев: 3
23-03-2016, 18:50
Функция attr()
Рейтинг:
Категория: Справочник CSS
Функция attr() применяется для добавления значения атрибута HTML-элемента в стилевое свойство. Например, можно получить значение атрибута class, а затем использовать его в качестве значения свойства background для изменения цвета....
Просмотров: 2 759
Комментариев: 3