Меню
Наши новости
Учебник 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 (504)
Июнь 2018 (691)
Май 2018 (639)
Апрель 2018 (633)
Март 2018 (701)
Февраль 2018 (639)
Наш опрос



РЕКЛАМА


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


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

Honor Note 10 анонсируют за месяц до IFA 2018 - «Новости сети»

Китайские производители смартфонов часто не придают большого значения крупным международным выставкам, предпочитая анонсировать свои новинки на отдельных от них мероприятиях. Аналогичным образом
Вчера, 13:00

В Ford создан проекционный дисплей с улучшенными характеристиками - «Новости сети»

Компания Ford представила передовой проекционный дисплей, которым будут оснащаться модели для европейского рынка. Утверждается, что разработка повысит безопасность во время движения в любых условиях.
Вчера, 13:00

К 2030 году Honda электрифицирует две трети продаваемых автомобилей - «Новости сети»

Компания Honda сообщила о том, что к концу следующего десятилетия львиную долю продаж автомобилей марки будут составлять электрифицированные модели. Honda ведёт активные исследования в области
21-07-2018, 07:01

Объектив Fujinon XF 8-16mm F2.8 R LM WR обойдётся в $2000 - «Новости сети»

Компания Fujifilm представила сверхширокоугольный объектив Fujinon XF 8-16mm F2.8 R LM WR, продажи которого планируется начать в конце ноября. Новинка выполнена в прочном корпусе из магниевого
21-07-2018, 07:00

Аэростаты Loon помогут жителям Кении выйти в Интернет - «Новости сети»

Компания Loon, дочерняя структура холдинга Alphabet, намерена развернуть «Интернет на воздушных шарах» в Кении, государстве в Восточной Африке. Напомним, что развитием Loon занимался поисковый
21-07-2018, 07:00

Глава SoftBank назвал глупым запрет Японией сервисов райдшеринга - «Новости сети»

Гендиректор корпорации SoftBank Group Corp Масаёси Сон (Masayoshi Son) раскритиковал решение Японии запретить работу сервисов по поиску попутчиков для совместной поездки (райдшеринга), назвав его
21-07-2018, 07:00

ВТБ планирует открыть в Москве пилотный офис без персонала - «Новости сети»

В последнее время идеи автоматизации различных задач всё чаще доходят до вопросов полного исключения человека из процесса. Российский банк ВТБ, согласно заявлению его главы Андрея Леонидовича Костина
21-07-2018, 07:00

Производитель аккумуляторов для Tesla отказался от поставщика кобальта из-за санкций - «Новости сети»

Агентство Reuters сообщило об отказе компании Panasonic, эксклюзивного поставщика батарей для автомобилей Tesla, от сотрудничества с канадским поставщиком кобальта. Как утверждает японский
21-07-2018, 07:00

Meizu X8: первое «живое» фото показало наличие «моноброви» - «Новости сети»

Несмотря на многочисленную критику, вырез в верхней части экрана, впервые появившийся в Essential Phone и iPhone X, пользуется популярностью у производителей смартфонов. В текущем году подобные
21-07-2018, 07:00

Toshiba разработала 96-слойную память BiCS Flash - «Новости сети»

Компания Toshiba Memory Corporation объявила о создании образцов передовой 96-слойной флеш-памяти BiCS Flash 3D. В изделиях применяется технология QLC, или Quad-Level Cell. Она предусматривает
21-07-2018, 07:00

Российские предприятия внедряют технологии 3D-печати - «Новости сети»

Государственная корпорация Ростех сообщает о том, что российские предприятия начинают использовать аддитивные технологии в опытно-конструкторских работах для создания образцов новой техники. Речь
20-07-2018, 20:01

Продажи смартфонов Huawei бьют рекорды - «Новости сети»

Компания Huawei в ходе презентации смартфона Nova 3i раскрыла объём продаж «умных» сотовых аппаратов в текущем году. Сообщается, что с 1 января по сегодняшний день были реализованы 100 млн
[18+] ? CSS — это новый JavaScript — Суровый веб #173  - «Видео уроки - CSS»
Вчера, 20:00

[18+] ? CSS — это новый JavaScript — Суровый веб #173 - «Видео уроки - CSS»

#jаvascript #css #js... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не
Уроки по Bootstrap 3 | #18 Создание сетки masonry  - «Видео уроки - CSS»
21-07-2018, 16:00

Уроки по Bootstrap 3 | #18 Создание сетки masonry - «Видео уроки - CSS»

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

PHP для начинающих | #20 Создание страницы категории - «Видео уроки - CSS»

Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
Google оштрафован, Бесплатная версия Microsoft Teams, «Умный» офис  - «Видео уроки - CSS»
20-07-2018, 18:00

Google оштрафован, Бесплатная версия Microsoft Teams, «Умный» офис - «Видео уроки - CSS»

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

Как стать продакт-дизайнером? - «Видео уроки - CSS»

Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
Приложение ToDo List на Swift. Заключение  - «Видео уроки - CSS»
18-07-2018, 00:00

Приложение ToDo List на Swift. Заключение - «Видео уроки - CSS»

Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
[18+] Стрелочные функции и анализ Vue.js — Суровый веб #172  - «Видео уроки - CSS»
17-07-2018, 19:00

[18+] Стрелочные функции и анализ Vue.js — Суровый веб #172 - «Видео уроки - CSS»

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

Приложение ToDo List на Swift. Бейдж на иконке - «Видео уроки - CSS»

Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
Приложения по ГОСТу, NVIDIA творит чудеса, Microsoft Surface Go  - «Видео уроки - CSS»
14-07-2018, 23:00

Приложения по ГОСТу, NVIDIA творит чудеса, Microsoft Surface Go - «Видео уроки - CSS»

Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
Приложение ToDo List на Swift. Иконка приложения  - «Видео уроки - CSS»
14-07-2018, 01:00

Приложение ToDo List на Swift. Иконка приложения - «Видео уроки - CSS»

Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
Приложение ToDo List на Swift. Стартовый скрин  - «Видео уроки - CSS»
14-07-2018, 01:00

Приложение ToDo List на Swift. Стартовый скрин - «Видео уроки - CSS»

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

Игра 5 точек в ряд на JavaScript - «Видео уроки - 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 118
Комментариев: 1
23-03-2016, 19:23
inherit
Рейтинг:
Категория: Справочник CSS
Ключевое слово, которое сообщает, что необходимо наследовать значение свойства у родительского элемента. Естественно, результат будет заметен только в том случае, если у родителя указанное свойство установлено....
Просмотров: 2 125
Комментариев: 3
23-03-2016, 19:17
Медиа-запросы
Рейтинг:
Категория: Справочник CSS
Наряду с типами носителей в CSS3 включена поддержка различных технических параметров устройств, на основе которых требуется загружать те или иные стили. К примеру, можно определить смартфон с максимальным разрешением 640 пикселов и для него установить одни стилевые свойства, а для остальных...
Просмотров: 2 046
Комментариев: 3
23-03-2016, 19:14
Угол
Рейтинг:
Категория: Справочник CSS
Задаёт угол наклона. Положительное значение отмеряется по часовой стрелке, отрицательное против часовой стрелки....
Просмотров: 1 878
Комментариев: 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 163
Комментариев: 2
23-03-2016, 19:07
Адрес
Рейтинг:
Категория: Справочник CSS
Адреса применяются для указания пути к файлу, например, для установки фоновой картинки на странице. Для этого применяется ключевое слово url(), внутри скобок пишется относительный или абсолютный адрес файла. При этом адрес можно задавать в необязательных одинарных или двойных кавычках....
Просмотров: 2 204
Комментариев: 2
23-03-2016, 19:06
Размер
Рейтинг:
Категория: Справочник CSS
Для задания размеров различных элементов, в CSS используются абсолютные и относительные единицы измерения. Абсолютные единицы не зависят от устройства вывода, а относительные единицы определяют размер элемента относительно значения другого размера....
Просмотров: 1 887
Комментариев: 3
23-03-2016, 19:05
Проценты
Рейтинг:
Категория: Справочник CSS
Процентная запись обычно применяется в тех случаях, когда надо изменить значение относительно родительского элемента или когда размеры зависят от внешних условий. Так, ширина таблицы 100% означает, что она будет подстраиваться под размеры окна браузера и меняться вместе с шириной окна....
Просмотров: 2 096
Комментариев: 1
23-03-2016, 19:04
Числа
Рейтинг:
Категория: Справочник CSS
Значением может выступать целое число, содержащее цифры от 0 до 9 и десятичная дробь, в которой целая и десятичная часть разделяются точкой. Если число начинается с нуля, то его можно опустить (.5 вместо 0.5)....
Просмотров: 1 995
Комментариев: 3
23-03-2016, 19:03
Строки
Рейтинг:
Категория: Справочник CSS
Любые строки необходимо брать в двойные или одинарные кавычки. Если внутри строки требуется оставить одну или несколько кавычек, то можно комбинировать типы кавычек или добавить перед кавычкой слэш....
Просмотров: 1 962
Комментариев: 3
23-03-2016, 18:51
calc()
Рейтинг:
Категория: Справочник CSS
Используется для указания вычисляемого значения свойств, которые в качестве значений используют размер. Это позволяет задавать значения основанные на сложении или вычитании разных единиц измерений, например можно задать 100% - 20px. Если значение не может быть вычислено, оно...
Просмотров: 2 191
Комментариев: 3
23-03-2016, 18:50
Функция attr()
Рейтинг:
Категория: Справочник CSS
Функция attr() применяется для добавления значения атрибута HTML-элемента в стилевое свойство. Например, можно получить значение атрибута class, а затем использовать его в качестве значения свойства background для изменения цвета....
Просмотров: 2 905
Комментариев: 3