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

Календарь
«    Март 2020    »
ПнВтСрЧтПтСбВс
 1
2345678
9101112131415
16171819202122
23242526272829
3031 
Популярные статьи
Архив новостей
Июль 2020 (416)
Июнь 2020 (1487)
Май 2020 (1455)
Апрель 2020 (1632)
Март 2020 (1400)
Февраль 2020 (1094)
Наш опрос



РЕКЛАМА


ВАША РЕКЛАМА
Компания Gartner подвела итоги исследования мирового рынка смартфонов в четвёртом квартале прошлого года. Кроме того, опубликованы данные по объёму поставок за 2019-й в целом. Сообщается, что в период с октября по декабрь включительно в глобальном масштабе было реализовано около 406,6 млн ......
Просмотров: 47
Комментариев: 0
На каждом модуле памяти можно обнаружить небольшую микросхему SPD (Serial Presence Detect), в которой записаны данные о рабочих частотах модуля и о его задержках. Эта информация считывается автоматически до загрузки операционной системы и служит основой для нормальной работы компьютера. Модули SPD...
Просмотров: 40
Комментариев: 0
В распоряжении ресурса TechRadar оказалась информация о сроках анонса флагманских смартфонов семейства OnePlus 8. За время подготовки к выпуску эти аппараты успели обрасти многочисленными слухами. Ожидается, что будут анонсированы три устройства — модели OnePlus 8 Lite, OnePlus 8 и OnePlus ......
Просмотров: 36
Комментариев: 0
Постепенно участники рынка компонентов для систем автопилота отказались от амбициозных заявлений о сроках появления на дорогах полностью автоматических транспортных средств. Теперь они робко заявляют, что такси удастся автоматизировать раньше частных машин. Такой точки зрения придерживается и...
Просмотров: 41
Комментариев: 0
В конце этой недели AMD проведёт трансляцию с мероприятия, где могут быть раскрыты новые подробности о грядущих графических решениях марки Radeon. А пока китайские торговые площадки начали предлагать таинственные видеокарты Radeon RX 590 GME в исполнении партнёров AMD, которые явно относятся к...
Просмотров: 35
Комментариев: 0
Компания HMD Global собиралась представить в феврале на выставке мобильной индустрии MWC 2020 в испанской Барселоне ряд продуктов под брендом Nokia. Увы, это мероприятие было отменено из-за вспышки коронавируса. И вот теперь HMD Global определилась с новой датой презентации....
Просмотров: 43
Комментариев: 0
В преддверии официального дебюта i4, намеченного на 2021 год, BMW представила концептуальную версию будущего полностью электрического седана. Изначально планировалось показать Concept i4 на Женевском автосалоне, но выставка была отменена из-за вспышки коронавируса. Согласно имеющимся данным,...
Просмотров: 46
Комментариев: 0
Концерн Volkswagen поделился некоторыми подробностями о своём первом кроссовере с полностью электрической силовой установкой. Автомобиль получил название ID.4, а его дебют намечен уже на нынешний год. Основой машины послужит фирменная модульная платформа электрического привода (MEB). Поначалу...
Просмотров: 33
Комментариев: 0
Похоже, что неудача с прототипом ракеты Starship SN1 никак не повлияла на настроение главы частной аэрокосмической компании SpaceX Илона Маска. В минувшую пятницу SpaceX провела испытания полноразмерного прототипа ракеты Starship SN1 под давлением, в результате чего тот разлетелся на куски....
Просмотров: 41
Комментариев: 0
Компания Goodyear продолжает вести разработки в области покрышек для автомобилей будущего. Представлена концептуальная шина под названием reCharge, особенностью которой является технология самовосстановления. reCharge — это безвоздушная покрышка, лишённая герметичной камеры. Шине не страшны...
Просмотров: 36
Комментариев: 0
По сообщениям сетевых источников, компания Foxconn, которая, помимо прочего, занимается сборкой iPhone, планирует привести свои производственные мощности на территории Китая к штатному режиму работы к концу этого месяца. Foxconn ......
Просмотров: 40
Комментариев: 0
Компания Vivo подтвердила, что 10 марта официально представит свой новый флагман — Vivo NEX 3S 5G во время специальной трансляции. Последние сообщения показали, что смартфон имеет номер модели V1950A, а спецификации Vivo V1950A уже просочились в Сеть благодаря сертификациям TENAA и 3C. Теперь стали...
Просмотров: 43
Комментариев: 0
В нынешнем году Huawei может существенно увеличить отрыв от Samsung в сегменте смартфонов с поддержкой мобильной связи пятого поколения. Об этом сообщает DigiTimes, ссылаясь на информацию, полученную через тайваньские каналы поставок....
Просмотров: 38
Комментариев: 0
Для навигации ночью или под землёй автономные и полуавтономные системы нуждаются в активном освещении пространства и дороги. Любой активный источник излучения, будь то обычные фары, лазер или радар, выдадут противнику активность на местности. Для устранения этой опасности агентство DARPA запускает...
Просмотров: 32
Комментариев: 0
Ресурс Android Headlines опубликовал качественный рендер смартфона среднего уровня Galaxy A21, который готовит к выпуску южнокорейская компания Samsung. Новинка придёт на смену весьма популярной модели Galaxy A20. Как можно видеть на изображении, новинка получит дисплей Infinity-O с небольшим...
Просмотров: 40
Комментариев: 0
Waymo, «дочка» холдинга Alphabet, специализирующаяся на разработке технологий автономного вождения, сообщила о проведения первого раунда внешних инвестиций, в ходе которого было привлечено $2,25 млрд. Информация размещенная на сайте - «hs-design.ru» Главный исполнительный директор Waymo Джон...
Просмотров: 36
Комментариев: 0
После безуспешных попыток найти общий язык с руководством HP Inc. представители Xerox решили обратиться напрямую к акционерам первой из компаний, чтобы выкупить её акции на уже озвученных ранее условиях. Денежный эквивалент сделки оценивается в $34 млрд, но часть суммы будет погашена собственными...
Просмотров: 40
Комментариев: 0
В ассортименте Acer появился монитор VG280Kbmiipx, рассчитанный на применение в составе настольных систем игрового уровня. Основа новинки — матрица IPS (In-plane Switching) размером 28 дюймов по диагонали. Панель имеет традиционную плоскую форму. Разрешение составляет 3840 ? 2160 пикселей (формат...
Просмотров: 39
Комментариев: 0
«Яндекс» сообщила, что в автомобилях «Драйва», оснащённых бортовым компьютером компании, теперь появились все функции «Яндекс.Музыки». Отныне пользователи услуг этого каршеринга могут слушать плейлисты с персональными рекомендациями, подкасты и песни из личной фонотеки. Поддерживаются как...
Просмотров: 27
Комментариев: 0
Компания «Ростелеком» обнародовала финансовые показатели деятельности за последнюю четверть 2019-го и прошлый год в целом: оператор наращивает выручку и увеличивает абонентскую базу. Доход за четвёртый квартал составил 94,9 млрд рублей — это на 9 % больше по сравнению с тем же периодом 2018 года....
Просмотров: 34
Комментариев: 0
Сотрудники китайского телекоммуникационного гиганта Huawei Technologies, в течение нескольких лет отрицавшего нарушение американских торговых санкций в отношении Ирана, в 2010 году выпустили документы для внутреннего использования, свидетельствующие о том, что компания участвовала в поставках...
Просмотров: 41
Комментариев: 0
Крупнейшая на рынке потребительских дронов китайская компания DJI обнародовала видение своего будущего. Производитель решил выйти за рамки своего присутствия и стать ведущей мировой технологической компанией в широком спектре высокотехнологичных рынков. Само ......
Просмотров: 41
Комментариев: 0
Hyundai Motor представила концептуальный автомобиль Prophecy, который, как отмечается, выражает новое дизайн-видение компании. В данном направлении могут развиваться транспортные средства Hyundai в будущем. Концепт-кар ......
Просмотров: 25
Комментариев: 0
Европейское и российское космические агентства отложили проведение испытаний парашютной системы совместного проекта «ЭкзоМарс-2020» (ExoMars-2020) до конца марта. Об этом рассказал ресурсу SpaceNews представитель Европейского космического агентства (ESA). «Испытания ......
Просмотров: 35
Комментариев: 0
Крупнейший частный автопроизводитель Китая Geely объявил о планах построить собственную спутниковую сеть. Это позволит ему объединить выпускаемые грузовики, скоростные поезда и автомобили в так называемую «интеллектуальную трёхмерную мобильную экосистему». Компания сообщила, что построит...
Просмотров: 44
Комментариев: 0
Европейская Южная Обсерватория (ESO, European Southern Observatory) представила великолепное изображение чистого звёздного неба, полученное в чилийской пустыне Атакама. На фотографии видно, как наш Млечный путь буквально ниспадает на Обзорный телескоп VLT (VST) в Обсерватории ESO на...
Просмотров: 38
Комментариев: 0
Компания AOC выпустила изогнутый монитор CU32V3 с безрамочным дизайном. Новинка может применяться в составе многодисплейных систем высокого разрешения. Новинка выполнена на матрице VA размером 31,5 дюйма по диагонали. Разрешение составляет 3840 ? 2160 пикселей, что соответствует формату ......
Просмотров: 34
Комментариев: 0
Уже довольно скоро на прилавках магазинов должны появиться ноутбуки на представленных в начале года процессорах AMD Ryzen 4000-й серии семейства Renoir, и утечек об этих чипах становится всё больше. На этот раз процессор среднего уровня Ryzen 5 4600H был замечен в нескольких тестах 3DMark. ...
Просмотров: 46
Комментариев: 0
На сайте Китайского центра сертификации телекоммуникационного оборудования (TENAA) появилась информация о загадочном смартфоне с кодовым обозначением S20A, который готовит к выпуску компания Sony. Информация размещенная на сайте - «hs-design.ru» Сообщается, что аппарат получит ......
Просмотров: 40
Комментариев: 0
Российские космонавты вскоре проведут на борту Международной космической станции (МКС) очередной эксперимент с применением специализированного 3D-биопринтера. Об этом сообщает ТАСС со ссылкой на информацию, полученную от компании «Инвитро»....
Просмотров: 35
Комментариев: 0
«Показать больше статей»
1 2



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

Рендер раскрыл дизайн доступного 5G-смартфона Huawei Enjoy 20 с тройной камерой - «Новости сети»

В прошлом месяце дебютировал смартфон Huawei Enjoy 20 Pro с 5G-процессором MediaTek Dimensity 800, 6,57-дюймовым 90-Гц дисплеем Full HD+ и тройной камерой (48+8+2 млн пикселей). Теперь веб-источники
Сегодня, 12:47

Смотрите не попадитесь: как мошенники обманывают белорусов в интернете - «Интернет и связь»

В Байнете как грибы после дождя появляются фишинговые сайты. Подделываются целые ресурсы: сервисы интернет-банкинга, торговые площадки и платформы с возможностью онлайн-оплаты товаров и услуг. Причем
Сегодня, 12:33

Российская система экстренной спутниковой связи поможет там, где мобильник не тянет - «Новости сети»

В АО «Спутниковая система «Гонец», как сообщает ТАСС, создано новое устройство экстренной связи, позволяющее передавать сообщения и файлы в районах, где отсутствует покрытие сотовых сетей.
Сегодня, 12:28

Принудительное «озеленение»: Япония перестанет финансировать строительство угольных электростанций в развивающихся и бедных странах - «Новости сети»

Развивающиеся и бедные страны будут подвергнуты принудительному «озеленению» в сфере производства электроэнергии. Во всяком случае, они не дождутся субсидий и кредитов, если захотят построить на
Сегодня, 12:07

«Рептилоиды бродят среди нас». Девушка нашла в окрестностях «Зоны 51» в США странное существо - «Интернет и связь»

В соцсети TikTok обсуждают загадочное существо, попавшее на видео в окрестностях «Зоны 51». К счастью, в комментариях уже объяснили, кто это может быть. Как...
Сегодня, 12:04

Honor стал лидером рынка смартфонов в России во втором квартале 2020 года - «Новости сети»

Компания МТС обнародовала результаты исследования российского рынка смартфонов в первой половине текущего года: продажи растут, несмотря на пандемию и самоизоляцию граждан. По оценкам, в период с
Сегодня, 12:04

Автопилот выходит на новый уровень: электромобили Tesla смогут обходиться без водителя к концу года - «Новости сети»

Многие производители и разработчики систем автопилота уже отреклись от своих ранних прогнозов по срокам достижения транспортными средствами полной автономности. Основатель Tesla Илон Маск (Elon Musk)
Сегодня, 12:04

Два дня без подзарядки: беспроводные наушники RHA TrueConnect 2 предлагают впечатляющую автономность - «Новости сети»

Британская компания RHA Technologies анонсировала полностью беспроводные наушники погружного типа TrueConnect 2, которые могут похвастаться очень продолжительным временем автономной работы.
Сегодня, 12:04

Apple освоит дисплеи mini LED в начале 2021 года: первым будет iPad Pro, а после — MacBook Pro - «Новости сети»

Исследовательская компания TrendForce рассказала подробности об ожидаемом переходе iPad Pro и Mac к применению в своих продуктах дисплеев с подсветкой mini LED. Согласно данным аналитиков, в первом
Сегодня, 12:04

GlobalFoundries: прогресс полупроводниковой отрасли обеспечат не «голые нанометры», а продвинутая компоновка процессоров - «Новости сети»

Не являясь публичной компанией, GlobalFoundries скрывает свои финансовые показатели, поэтому можно только предполагать, что от освоения 7-нм технологии она отказалась из-за неподъёмных инвестиций.
Сегодня, 12:00

Huawei P40 Pro+ со 100-кратным зумом вышел в России по цене 99 999 рублей - «Новости сети»

Компания Huawei официально представила на российском рынке флагманский смартфон P40 Pro+, оборудованный мощной многокомпонентной камерой. Продажи аппарата начнутся в предстоящий понедельник, 13 июля.
Сегодня, 12:00

Массовое производство процессоров Apple A14 для iPhone 12 уже началось. Apple A14X для будущих iPad Pro следующие в очереди - «Новости сети»

В недавнем аналитическом отчёте TrendForce утверждается, что массовое производство 5-нм процессора A14 Bionic для смартфонов iPhone 12 этого года уже началось. А печать улучшенного чипа A14X Bionic
? ССЫЛКА НА Maestro - «Видео уроки - CSS»
15-03-2020, 12:20

? ССЫЛКА НА Maestro - «Видео уроки - CSS»

Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
? ССЫЛКА НА CASHBIT - «Видео уроки - CSS»
11-03-2020, 16:42

? ССЫЛКА НА CASHBIT - «Видео уроки - CSS»

Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
4 урок из 42. На канале - «Видео уроки - CSS»
9-03-2020, 16:14

4 урок из 42. На канале - «Видео уроки - CSS»

Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
Напишите нам: work@uwebdesign.ru.Новый - «Видео уроки - CSS»
8-03-2020, 20:00

Напишите нам: work@uwebdesign.ru.Новый - «Видео уроки - CSS»

Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
3 урок из 42. На канале - «Видео уроки - CSS»
6-03-2020, 12:49

3 урок из 42. На канале - «Видео уроки - CSS»

Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
? ВСЕ ССЫЛКИ НА ИГРЫ - «Видео уроки - CSS»
4-03-2020, 12:09

? ВСЕ ССЫЛКИ НА ИГРЫ - «Видео уроки - CSS»

Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
? ССЫЛКА НА Beautifullife - «Видео уроки - CSS»
2-03-2020, 16:05

? ССЫЛКА НА Beautifullife - «Видео уроки - CSS»

Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
1 урок из 42. На канале - «Видео уроки - CSS»
2-03-2020, 16:02

1 урок из 42. На канале - «Видео уроки - CSS»

Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
2 урок из 42. На канале - «Видео уроки - CSS»
2-03-2020, 16:02

2 урок из 42. На канале - «Видео уроки - CSS»

Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
? ССЫЛКА НА GLOBUS - - «Видео уроки - CSS»
29-02-2020, 20:09

? ССЫЛКА НА GLOBUS - - «Видео уроки - CSS»

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

Очень часто новички - «Видео уроки - CSS»

Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
Достаточно часто мои - «Видео уроки - CSS»
28-02-2020, 12:14

Достаточно часто мои - «Видео уроки - 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 применяется для установки исходного значения свойства. Может пригодиться в нескольких случаях, к примеру, восстановить значения свойств, заданных браузером по умолчанию или задать начальное значение свойства, измененное в результате наследования. Ключевое...
Просмотров: 4 473
Комментариев: 1
23-03-2016, 19:23
inherit
Рейтинг:
Категория: Справочник CSS
Ключевое слово, которое сообщает, что необходимо наследовать значение свойства у родительского элемента. Естественно, результат будет заметен только в том случае, если у родителя указанное свойство установлено....
Просмотров: 4 466
Комментариев: 3
23-03-2016, 19:17
Медиа-запросы
Рейтинг:
Категория: Справочник CSS
Наряду с типами носителей в CSS3 включена поддержка различных технических параметров устройств, на основе которых требуется загружать те или иные стили. К примеру, можно определить смартфон с максимальным разрешением 640 пикселов и для него установить одни стилевые свойства, а для остальных...
Просмотров: 4 428
Комментариев: 3
23-03-2016, 19:14
Угол
Рейтинг:
Категория: Справочник CSS
Задаёт угол наклона. Положительное значение отмеряется по часовой стрелке, отрицательное против часовой стрелки....
Просмотров: 4 398
Комментариев: 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 заменены латинскими буквами....
Просмотров: 4 479
Комментариев: 2
23-03-2016, 19:07
Адрес
Рейтинг:
Категория: Справочник CSS
Адреса применяются для указания пути к файлу, например, для установки фоновой картинки на странице. Для этого применяется ключевое слово url(), внутри скобок пишется относительный или абсолютный адрес файла. При этом адрес можно задавать в необязательных одинарных или двойных кавычках....
Просмотров: 4 697
Комментариев: 2
23-03-2016, 19:06
Размер
Рейтинг:
Категория: Справочник CSS
Для задания размеров различных элементов, в CSS используются абсолютные и относительные единицы измерения. Абсолютные единицы не зависят от устройства вывода, а относительные единицы определяют размер элемента относительно значения другого размера....
Просмотров: 4 935
Комментариев: 3
23-03-2016, 19:05
Проценты
Рейтинг:
Категория: Справочник CSS
Процентная запись обычно применяется в тех случаях, когда надо изменить значение относительно родительского элемента или когда размеры зависят от внешних условий. Так, ширина таблицы 100% означает, что она будет подстраиваться под размеры окна браузера и меняться вместе с шириной окна....
Просмотров: 4 651
Комментариев: 1
23-03-2016, 19:04
Числа
Рейтинг:
Категория: Справочник CSS
Значением может выступать целое число, содержащее цифры от 0 до 9 и десятичная дробь, в которой целая и десятичная часть разделяются точкой. Если число начинается с нуля, то его можно опустить (.5 вместо 0.5)....
Просмотров: 4 920
Комментариев: 3
23-03-2016, 19:03
Строки
Рейтинг:
Категория: Справочник CSS
Любые строки необходимо брать в двойные или одинарные кавычки. Если внутри строки требуется оставить одну или несколько кавычек, то можно комбинировать типы кавычек или добавить перед кавычкой слэш....
Просмотров: 4 226
Комментариев: 3
23-03-2016, 18:51
calc()
Рейтинг:
Категория: Справочник CSS
Используется для указания вычисляемого значения свойств, которые в качестве значений используют размер. Это позволяет задавать значения основанные на сложении или вычитании разных единиц измерений, например можно задать 100% - 20px. Если значение не может быть вычислено, оно...
Просмотров: 4 829
Комментариев: 3
23-03-2016, 18:50
Функция attr()
Рейтинг:
Категория: Справочник CSS
Функция attr() применяется для добавления значения атрибута HTML-элемента в стилевое свойство. Например, можно получить значение атрибута class, а затем использовать его в качестве значения свойства background для изменения цвета....
Просмотров: 5 419
Комментариев: 3