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

Наши новости

Календарь
«    Апрель 2018    »
ПнВтСрЧтПтСбВс
 1
2345678
9101112131415
16171819202122
23242526272829
30 
Архив новостей
Октябрь 2018 (302)
Сентябрь 2018 (427)
Август 2018 (669)
Июль 2018 (717)
Июнь 2018 (691)
Май 2018 (639)
Наш опрос



РЕКЛАМА


ВАША РЕКЛАМА
В распоряжении сетевых источников оказалась новая порция информации о смартфоне Samsung с кодовым обозначением SM-A605FN, который может дебютировать на рынке под именем Galaxy A6+ (2018). Информация размещенная на сайте - «hs-design.ru» Сообщается, что новинка получит панель Infinity Display,...
Просмотров: 61
Комментариев: 0
Одним из анонсов 3 апреля, дня выхода новых настольных процессоров Coffee Lake-S и первых мобильных Coffee Lake-H, стала презентация комплектов Core+ — Core i5+, Core i7+ и Core i9+. Последние получили «+» в названии не благодаря каким-либо архитектурным улучшениям CPU, а по причине включения в...
Просмотров: 60
Комментариев: 0
Семейство 14-нм процессоров Coffee Lake, включающее двух-, четырёх- и шестиядерные модели, становится всё более обширным. Коллеги AnandTech обратили внимание на «тихий» анонс компанией Intel трёх шестиядерных CPU Core 8-го поколения с суффиксом «B» — Core i7-8700B, Core i5-8500B и Core i5-8400B....
Просмотров: 50
Комментариев: 0
Самый новейший безрамочный смартфон от Bluboo — D5 Pro — сейчас доступен на сайте TOMTOP всего за $99,99. Его создатели были вдохновлены Mi Mix 2, продемонстрировавшим исключительное решение для достижения наибольшего соотношения между площадью экрана и фронтальной поверхностью корпуса. ...
Просмотров: 58
Комментариев: 0
Компания HP продолжает расширять ассортимент портативных компьютеров: очередными новинками стали трансформируемые ноутбуки серии Pavilion x360. Устройства оснащены сенсорным дисплеем, который может вращаться на 360 градусов. Благодаря этому реализуются различные режимы работы, в том числе...
Просмотров: 49
Комментариев: 0
Бюджетный смартфон Nokia 3 был представлен в феврале 2017 года и поступил в продажу с операционной системой Android 7.0 Nougat. Спустя год с небольшим компания HMD Global выпустила обновление для этой модели, так что теперь ей доступна ОС Android 8.0 Oreo. Анонсируя новую версию прошивки для...
Просмотров: 66
Комментариев: 0
Компания International Data Corporation (IDC) обнародовала статистику по мировому рынку традиционных персональных компьютеров за первый квартал 2018 года. Представленные данные включают поставки настольных компьютеров, ноутбуков и рабочих станций, но не учитывают отгрузки планшетов и серверов с...
Просмотров: 61
Комментариев: 0
Китайская компания Xiaomi, по сообщениям осведомлённых сетевых источников, изучает возможность поглощения GoPro, известного разработчика экшен-камер. Информация размещенная на сайте - «hs-design.ru» Американская компания GoPro была основана в 2002 году Ником Вудманом. Её продукты популярны...
Просмотров: 45
Комментариев: 0
Компания ASUS начала продажи относительно недорогих портативных компьютеров X407 и X507, предназначенных для выполнения повседневных задач. Ноутбуки комплектуются процессором Intel Core седьмого поколения — вплоть до модели Core i7. Младшие модификации довольствуются интегрированным графическим...
Просмотров: 76
Комментариев: 0
HP Inc. представила новое семейство МФУ HP Ink Tank, нацеленных на домашних пользователей, а также малый и домашний бизнес. Новинки превосходят своих преемников — устройства популярной серии DeskJet GT — по целому ряду параметров. В частности, HP Ink Tank оснащены специальным автоматическим...
Просмотров: 81
Комментариев: 0
В Москве в отеле «Аквариум» начала работу 23-я выставка аудио и видеоаппаратуры премиум-класса Hi-Fi & High End Show. Акустические системы, виниловые проигрыватели, аудиоплееры и процессоры, усилители, кабели, ресиверы, телевизоры и проекторы новейших форматов, экраны и видеоплееры — всё это...
Просмотров: 45
Комментариев: 0
Компания Inoi, которая выпустила первый смартфон на российской ОС Sailfish Mobile, собирается продавать устройства под управлением Android. Сейчас ведутся переговоры с розничными сетями, сообщает «Коммерсантъ» со ссылкой на собственные источники. Inoi собирается начать продажи Android-смартфонов...
Просмотров: 53
Комментариев: 0
Европейская Южная Обсерватория (ESO) запечатлела целую коллекцию пылевых дисков вокруг близлежащих молодых звёзд. Полученные изображения дают представление о том, как могла выглядеть наша Солнечная система на ранних стадиях своего формирования. Снимки ......
Просмотров: 42
Комментариев: 0
Инженеры Калифорнийского университета Сан-Диего разработали и испытали подкожный датчик для постоянного и долговременного мониторинга уровня алкоголя в крови. Датчик имеет размеры 0,85 ? 1,5 мм — это примерно один кубический миллиметр. Для внедрения датчика под кожу хирургического вмешательства ......
Просмотров: 49
Комментариев: 0
Аналитическая компания Gartner представила результаты исследования мирового рынка персональных компьютеров. По данным экспертов, поставки оборудования снижаются уже 14 кварталов кряду. В январе–марте 2018 года производители выпустили в общей сложности 61,7 млн десктопов и ноутбуков......
Просмотров: 44
Комментариев: 0
Институт космических исследований Российской академии наук (ИКИ РАН) сообщает о том, что в скором времени возобновятся работы по формированию новой спутниковой группировки в рамках проекта «Ионозонд». Система, о которой идёт речь, как ожидается, позволит осуществлять мониторинг состояния...
Просмотров: 53
Комментариев: 0
Центр управления полётами (ЦУП) начинает использовать в своей работе для управления крупными группировками спутников элементы искусственного интеллекта. Об этом рассказал в интервью ресурсу «Известия» начальник ЦУП Максим Матюшин. Он объяснил, что нейросети не лучшим образом подходят для решения...
Просмотров: 47
Комментариев: 0
Как и было обещано Xiaomi, организованное китайским производителем совместно с компанией Black Shark мероприятие стало местом дебюта игрового смартфона, анонс которого можно считать одним из главных событий текущего месяца. Забегая вперёд, необходимо отметить, что модель Xiaomi Black Shark Gaming...
Просмотров: 60
Комментариев: 0
Это может быть незаметно, но цены на микросхемы флеш-памяти понемногу снижаются, отмечают аналитики подразделения DRAMeXchange торговой площадки TrendForce. Некоторое превышение предложения над спросом наметилось ещё в первом квартале текущего года. Во втором квартале промышленность обычно оживает,...
Просмотров: 46
Комментариев: 0
Производитель аксессуаров для мобильных устройств Olixar, как сообщают сетевые источники, обнародовал рендеры флагманского смартфона OnePlus 6 в различных защитных чехлах. Изображения демонстрируют вырез в верхней части дисплея аппарата. Экран, по слухам, обладает разрешением 2280 ? 1080 точек, а...
Просмотров: 68
Комментариев: 0
По всей видимости, численность российского экипажа Международной космической станции (МКС) будет снова увеличена до трёх человек не ранее 2019 года. Об этом сообщает «РИА Новости» со ссылкой на источник в ракетно-космической отрасли....
Просмотров: 47
Комментариев: 0
С момента появления на рынке процессоров с архитектурой Zen AMD удалось серьёзно восстановить свою репутацию в глазах энтузиастов: 8 честных ядер с поддержкой SMT — это не то, на что можно закрыть глаза, с учётом того, что у конкурента на тот момент массовая платформа могла предложить лишь формулу...
Просмотров: 53
Комментариев: 0
Компании Microsoft и Adobe представили ежемесячные наборы исправлений, суммарно устранив почти 80 различных проблем в своих …...
Просмотров: 45
Комментариев: 0
Утром 12 апреля 2018 года в Таганском суде города Москвы состоялась «беседа», в ходе которой рассмотрение дела о блокировке …...
Просмотров: 57
Комментариев: 0
Аналитики компании Akamai подсчитали, что более 65 000 роутеров по всему миру проксируют трафик для различных ботнетов и пре…...
Просмотров: 58
Комментариев: 0
Xakep #229 Ethereum можно использовать в онлайн-рулетке, лотереях и карточных играх. Подтвержденные транзакции блокчейна нельзя подделать — технология децентрализована и прозрачна, — но код умных контрактов может быть уязвим. Одна из проблем — уязвимые генераторы псевдослучайных чисел, ГПСЧ. Давай...
Просмотров: 84
Комментариев: 0
С сегодняшнего дня, 12 апреля 2018 года, пользователи macOS начали получать предупреждения о несовместимости 32-битных прило…...
Просмотров: 48
Комментариев: 0
Специалисты Siemens и ICS-CERT опубликовали предупреждения об опасных уязвимостях в устройствах SIPROTEC 4, SIPROTEC Compact…...
Просмотров: 50
Комментариев: 0


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

Смартфон Lenovo K5 Pro вышел в версиях с 4 и 6 Гбайт ОЗУ - «Новости сети»

Компания Lenovo анонсировала смартфон среднего уровня K5 Pro, функционирующий под управлением операционной системы Android 8.1 Oreo. «Сердцем» аппарата служит процессор Qualcomm Snapdragon 636. Он
19-10-2018, 09:01

Lenovo S5 Pro: смартфон с экраном Full HD+ и процессором Snapdragon 625 - «Новости сети»

Компания Lenovo выпустила смартфон S5 Pro, на котором применяется операционная система Android 8.1 Oreo с фирменной программной надстройкой ZUI 5.0. Новинка получила 6,26-дюймовый дисплей IPS
19-10-2018, 09:01

Intel планирует перестройку производственного подразделения - «Новости сети»

Опытную пластину с 10-нм чипами компания Intel показала ещё на осенней сессии Intel Developer Forum в 2014 году. Однако к массовому производству 10-нм процессоров компания не смогла приступить ни в
19-10-2018, 09:01

In Win представила компактный блок питания CS-700W форм-фактора SFX - «Новости сети»

Компания In Win представила новый блок питания с модельным номером CS-700W. Новинка обладает мощностью 700 Вт и относится к семейству Compact Series, и, как и другие представители данного семейства,
19-10-2018, 09:01

Lenovo K5s: недорогой смартфон с четырьмя камерами - «Новости сети»

Компания Lenovo продолжает расширять ассортимент смартфонов: очередной новинкой стала модель начального уровня K5s, которая поступит в продажу по ориентировочной цене от 115 долларов США. Аппарат
19-10-2018, 09:01

Kyocera KY-O1L: телефон с размерами банковской карты, минимальной функциональностью и высокой ценой - «Новости сети»

Пока одни производители стремятся оснастить смартфоны как можно более крупными дисплеями, другие, наоборот, горят желанием сделать свои устройства как можно компактнее. Тем, кому надоело носить с
19-10-2018, 09:01

В ранней Вселенной обнаружено колоссальное скопление галактик - «Новости сети»

Европейская Южная Обсерватория (ESO) сообщает о том, что международной группе астрономов удалось обнаружить в ранней Вселенной колоссальное образование — так называемое прото-сверхскопление галактик.
19-10-2018, 09:00

Shuttle XPC SH310R4: мини-компьютер с процессором Intel Coffee Lake - «Новости сети»

Компания Shuttle официально представила настольный компьютер небольшого форм-фактора XPC SH310R4, о подготовке которого сообщалось минувшим летом. Новая barebone-система использует материнскую
19-10-2018, 09:00

Новая российская система позволит улучшить транспортную инфраструктуру в городах - «Новости сети»

Холдинг «Российские космические системы» (РКС), входящий в госкорпорацию Роскосмос, сообщает о разработке передовой цифровой системы оплаты проезда и управления работой общественного транспорта.
19-10-2018, 09:00

Бренд Honor вскоре представит новые смарт-часы - «Новости сети»

Бренд Honor, принадлежащий компании Huawei, обнародовал тизер-изображение, говорящее о скором анонсе новых наручных смарт-часов. На иллюстрации показан силуэт готовящегося «умного» хронометра,
19-10-2018, 09:00

Samsung хочет спрятать селфи-камеру за экран смартфонов - «Новости сети»

Компания Samsung, по информации сетевых источников, разрабатывает новую технологию, которая позволит выпускать смартфоны с полностью безрамочным дизайном. Информация размещенная на сайте -
19-10-2018, 09:00

Apple iPhone XR доступен для предзаказа в России от 64 990 рублей - «Новости сети»

Сегодня компания Apple начала принимать предварительные заказы на свой наиболее доступный смартфон этого года, iPhone XR. Оформить предзаказ могут жители более 50 стран, в том числе и России. В
Разочарование и ненависть в IT — Суровый веб #181  - «Видео уроки - CSS»
Сегодня, 03:00

Разочарование и ненависть в IT — Суровый веб #181 - «Видео уроки - CSS»

#es2018 #js #nodejs... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь:
Robin image optimizer — оптимизация изображений WordPress  - «Видео уроки - CSS»
Сегодня, 03:00

Robin image optimizer — оптимизация изображений WordPress - «Видео уроки - CSS»

#wordpress #оптимизация #pagespeed... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда
Яндекс.Директ - #16 - Баннер на поиске  - «Видео уроки - CSS»
Вчера, 06:00

Яндекс.Директ - #16 - Баннер на поиске - «Видео уроки - CSS»

#loftblog #loftblogЯндексДирект #интернетмаркетолог... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться -
Факторы, влияющие на продвижение сайта в поисковиках  - «Видео уроки - CSS»
Вчера, 06:00

Факторы, влияющие на продвижение сайта в поисковиках - «Видео уроки - CSS»

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

Работа с 3D на JavaScript - «Видео уроки - CSS»

#loftblog #loftblogDevShow #вебпрограммист... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не
#4 – Профессия нарративный дизайнер  - «Видео уроки - CSS»
17-10-2018, 06:00

#4 – Профессия нарративный дизайнер - «Видео уроки - CSS»

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

Обзорка "Frontend Conf 2018" - «Видео уроки - CSS»

#loftblog #loftblogFCdt2018 #вебпрограммист... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не
Google отказалась от $10Bill, Проблемы Chrome 70, Беспилотник от BMW  - «Видео уроки - CSS»
15-10-2018, 12:00

Google отказалась от $10Bill, Проблемы Chrome 70, Беспилотник от BMW - «Видео уроки - CSS»

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

Подготовка сайта к поисковой оптимизации - «Видео уроки - CSS»

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

Как меряют эффективность программистов в МойСклад и Lamoda? - «Видео уроки - CSS»

#loftblog #loftblogDevShow #вебпрограммист... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не
Генерируем свой PDF из PHP  - «Видео уроки - CSS»
12-10-2018, 00:00

Генерируем свой PDF из PHP - «Видео уроки - CSS»

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

Обзорка "Saint Teamlead Conf 2018" - «Видео уроки - CSS»

#loftblog #loftblogTL2018 #вебпрограммист... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся,
 !      
 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 250
Комментариев: 1
23-03-2016, 19:23
inherit
Рейтинг:
Категория: Справочник CSS
Ключевое слово, которое сообщает, что необходимо наследовать значение свойства у родительского элемента. Естественно, результат будет заметен только в том случае, если у родителя указанное свойство установлено....
Просмотров: 2 259
Комментариев: 3
23-03-2016, 19:17
Медиа-запросы
Рейтинг:
Категория: Справочник CSS
Наряду с типами носителей в CSS3 включена поддержка различных технических параметров устройств, на основе которых требуется загружать те или иные стили. К примеру, можно определить смартфон с максимальным разрешением 640 пикселов и для него установить одни стилевые свойства, а для остальных...
Просмотров: 2 168
Комментариев: 3
23-03-2016, 19:14
Угол
Рейтинг:
Категория: Справочник CSS
Задаёт угол наклона. Положительное значение отмеряется по часовой стрелке, отрицательное против часовой стрелки....
Просмотров: 2 014
Комментариев: 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 322
Комментариев: 2
23-03-2016, 19:07
Адрес
Рейтинг:
Категория: Справочник CSS
Адреса применяются для указания пути к файлу, например, для установки фоновой картинки на странице. Для этого применяется ключевое слово url(), внутри скобок пишется относительный или абсолютный адрес файла. При этом адрес можно задавать в необязательных одинарных или двойных кавычках....
Просмотров: 2 316
Комментариев: 2
23-03-2016, 19:06
Размер
Рейтинг:
Категория: Справочник CSS
Для задания размеров различных элементов, в CSS используются абсолютные и относительные единицы измерения. Абсолютные единицы не зависят от устройства вывода, а относительные единицы определяют размер элемента относительно значения другого размера....
Просмотров: 2 011
Комментариев: 3
23-03-2016, 19:05
Проценты
Рейтинг:
Категория: Справочник CSS
Процентная запись обычно применяется в тех случаях, когда надо изменить значение относительно родительского элемента или когда размеры зависят от внешних условий. Так, ширина таблицы 100% означает, что она будет подстраиваться под размеры окна браузера и меняться вместе с шириной окна....
Просмотров: 2 237
Комментариев: 1
23-03-2016, 19:04
Числа
Рейтинг:
Категория: Справочник CSS
Значением может выступать целое число, содержащее цифры от 0 до 9 и десятичная дробь, в которой целая и десятичная часть разделяются точкой. Если число начинается с нуля, то его можно опустить (.5 вместо 0.5)....
Просмотров: 2 111
Комментариев: 3
23-03-2016, 19:03
Строки
Рейтинг:
Категория: Справочник CSS
Любые строки необходимо брать в двойные или одинарные кавычки. Если внутри строки требуется оставить одну или несколько кавычек, то можно комбинировать типы кавычек или добавить перед кавычкой слэш....
Просмотров: 2 071
Комментариев: 3
23-03-2016, 18:51
calc()
Рейтинг:
Категория: Справочник CSS
Используется для указания вычисляемого значения свойств, которые в качестве значений используют размер. Это позволяет задавать значения основанные на сложении или вычитании разных единиц измерений, например можно задать 100% - 20px. Если значение не может быть вычислено, оно...
Просмотров: 2 303
Комментариев: 3
23-03-2016, 18:50
Функция attr()
Рейтинг:
Категория: Справочник CSS
Функция attr() применяется для добавления значения атрибута HTML-элемента в стилевое свойство. Например, можно получить значение атрибута class, а затем использовать его в качестве значения свойства background для изменения цвета....
Просмотров: 3 075
Комментариев: 3