Меню
Наши новости
Учебник 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
3031 
Популярные статьи
Архив новостей
Июль 2020 (213)
Июнь 2020 (1487)
Май 2020 (1455)
Апрель 2020 (1632)
Март 2020 (1400)
Февраль 2020 (1094)
Наш опрос



РЕКЛАМА


ВАША РЕКЛАМА
В базе данных Geekbench появилась информация о пока не представленном официально смартфоне Samsung, который фигурирует под кодовым обозначением SM-A750FN. Наблюдатели полагают, что на коммерческом рынке новинка дебютирует под именем Galaxy A7 (2018). То есть аппарат пополнит семейство смартфонов...
Просмотров: 365
Комментариев: 0
Список известных экзопланет в скором времени может пополниться тысячами новых объектов: охоту на такие космические тела начал аппарат Transiting Exoplanet Survey Satellite, или TESS. Обсерватория TESS была запущена в апреле этого года. В течение как минимум двух лет космический телескоп будет...
Просмотров: 341
Комментариев: 0
О том, что компания NVIDIA готовит новое поколение видеокарт, стало известно уже довольно давно, и за это время новинки обросли различными слухами и утечками. Однако когда именно они будут представлены, точно известно не было. До сего момента. Как сообщают наши западные коллеги, компания NVIDIA...
Просмотров: 306
Комментариев: 0
До выхода процессоров AMD Ryzen Threadripper второго поколения осталось совсем немного времени. На днях, в рамках отчёта за второй квартал, компания AMD сама заявила, что их можно ожидать уже в августе текущего года. По неофициальным данным — 13 августа. Скорый выход объясняет значительно возросшее...
Просмотров: 315
Комментариев: 0
Сетевые источники обнародовали предполагаемые характеристики мощного смартфона Mate 20 Pro, который готовит к выпуску компания Huawei. Сообщается, что аппарат получит дисплей без выреза в верхней части. Разрешение экрана не уточняется, но известно, что соотношение сторон равно 18:9. По всей...
Просмотров: 339
Комментариев: 0
В поездах Большой кольцевой линии столичного метрополитена появился бесплатный доступ в Интернет по технологии Wi-Fi. Об этом сообщает Официальный портал Мэра и Правительства Москвы. Информация размещенная на сайте - «hs-design.ru» Большая кольцевая ......
Просмотров: 331
Комментариев: 0
Производители материнских плат не испытывают недостатка в идеях, готовя всё новые и новые модели на наборе системной логики AMD B450. К обширному семейству уже анонсированных плат присоединились устройства ASRock, Biostar и Gigabyte. Так, Gigabyte Technology дополнила релиз B450M DS3H тремя...
Просмотров: 318
Комментариев: 0
Компания Huawei — постоянный участник выставки IFA, которая ежегодно проводится в Германии на стыке лета и осени. В прошлом году она анонсировала в Берлине свой чипсет HiSilicon Kirin 970, послуживший аппаратной основой для флагманских смартфонов P20 Pro и Honor 10. В году нынешнем Huawei, по ......
Просмотров: 339
Комментариев: 0
Краудфандинговая блокчейн-платформа KICKICO сообщила о компрометации. 26 июля 2018 года неизвестные похитили более 70 млн то…...
Просмотров: 361
Комментариев: 0
В прошлом месяце приложения для майнинга криптовалют уже запретили распространять через App Store, а теперь пришла очередь G…...
Просмотров: 358
Комментариев: 0
ИБ-специалисты рассказали о новой уязвимости класса Spectre. Проблема получила название NetSpectre, и этот баг, в отличие от…...
Просмотров: 322
Комментариев: 0
Пилотная зона сверхскоростного мобильного интернет-доступа заработает в российской столице в следующем году, о чём сообщает Агентство городских новостей «Москва». Речь идёт об использовании технологии сотовой связи пятого поколения — 5G. Такие сети теоретически смогут обеспечивать пропускную...
Просмотров: 283
Комментариев: 0
Марка Porsche раскрыла окончательные технические характеристики модели Taycan — полностью электрического автомобиля премиум-класса, который создавался по проекту Mission E. Силовая платформа машины включает два возбуждаемых от постоянных магнитов синхронных двигателя (PSM). Суммарная мощность, как...
Просмотров: 261
Комментариев: 0
Годовые продажи Apple в России превысили 150 млрд рублей, сообщает «Интерфакс» со ссылкой на бухгалтерскую отчётность, которую компания разместила в системе «СПАРК-Интерфакс». Выручка ООО «Эппл Рус» («дочка» Apple, через которую американская корпорация поставляет в РФ свою продукцию) в 2017 году...
Просмотров: 303
Комментариев: 0
Сетевые источники сообщают о том, что китайские компании Xiaomi и Oppo, входящие в пятёрку ведущих поставщиков смартфонов, разрабатывают аппараты с гибкой конструкцией. Информация размещенная на сайте - «hs-design.ru» Пожалуй, больше всего спекуляций на тему гибких смартфонов связано с...
Просмотров: 338
Комментариев: 0
В начале недели на дорогах штата Техас появились самоходные автомобили компании Drive.ai, объявившей о запуске пилотного сервиса поиска попутчиков для совместных поездок. Пилотный проект ограничили территорией Далласа, пригорода Фриско. В нём задействовано всего четыре машины, которые будут...
Просмотров: 245
Комментариев: 0
Компания Nokia и телекоммуникационный оператор T-Mobile только что объявили о подписании соглашения на сумму $3,5 млрд с целью ускорения развертывания в Соединенных Штатах сетей нового поколения 5G. Согласно соглашению, Nokia предоставит решения для комплектации 5G-сетей на всех стадиях...
Просмотров: 313
Комментариев: 0
Компания Seagate Technology отчиталась о работе в последней четверти и 2018 финансовом году в целом, который был завершён 29 июня. Выручка за трёхмесячный период составила $2,8 млрд. Для сравнения: годом ранее компания получила $2,4 млрд дохода. Таким образом, рост составил приблизительно 17 %. ...
Просмотров: 291
Комментариев: 0
Компания Apple, по сообщениям сетевых источников, вскоре представит обновлённую версию тонкого и лёгкого портативного компьютера MacBook Air. Нынешний ноутбук MacBook Air полагается на процессор Intel Core пятого поколения. К примеру, доступны модификации с чипами Core i5-5250U и Core i5-5350U,...
Просмотров: 280
Комментариев: 0
Компания Huawei официально представила флагманский фаблет Honor Note 10, слухи о котором на протяжении последнего времени ходили в Интернете. Мощный аппарат получил дисплей FHD+ AMOLED с разрешением 2220 ? 1080 точек и соотношением сторон 18,5:9. Размер составляет 6,95 дюйма по диагонали. Заявлен...
Просмотров: 241
Комментариев: 0
Компания Samsung Electronics отрапортовала о работе во второй четверти 2018 финансового года, которая была завершена 30 июня. Информация размещенная на сайте - «hs-design.ru» Выручка южнокорейского гиганта за трёхмесячный период составила 58,48 трлн вон, или приблизительно $52,2 млрд. Это на 4...
Просмотров: 308
Комментариев: 0
Обойти лицензионные запреты Intel на экспорт в Китай x86-совместимых архитектур смогла не только компания AMD. Тайваньская компания VIA Technologies, как мы сообщали, также разработала для Китая интересные x86-совместимые процессоры, которые готовы бросить вызов процессорам Intel начального и...
Просмотров: 313
Комментариев: 0
Объединённая компания Связной | Евросеть и Moscow Tesla Club объявили о запуске нового сервиса: в Москве стала доступна аренда электрических автомобилей Tesla. Сервис предоставляется через Интернет. Посетители сайта svyaznoy.ru могут выбрать интересующую их модель электромобиля — доступны...
Просмотров: 263
Комментариев: 0
Компания Canon анонсировала компактный фотоаппарат PowerShot SX740 HS класса «суперзум»: продажи новинки начнутся в ближайшие недели. Устройство оборудовано объективом с 40-кратным оптическим трансфокатором и фокусным расстоянием 24–960 мм в эквиваленте для 35-миллиметровых плёночных камер. ...
Просмотров: 279
Комментариев: 0
Исследователи «Лаборатории Касперского» представили отчет, посвященный DDoS-атакам во втором квартале 2018 года. Злоумышленн…...
Просмотров: 356
Комментариев: 0
Xakep #232 В наше время каждая бабушка слышала о криптовалютах, курсы майнинга проводят даже серьезные учебные заведения, а антивирусы все чаще кричат о заражении сайта или игрушки майнером. Пришло время на практике разобраться, что это такое, как работает, и написать свой криптомайнер....
Просмотров: 395
Комментариев: 0
Кое-какие слухи относительно следующей версии потребительского дрона DJI мы уже публиковали. Теперь пришло время новой порции сведений: многие жители Великобритании заметили, что последний каталог Argos включает в себя рекламу Mavic 2, в том числе довольно подробную техническую информацию, которая...
Просмотров: 343
Комментариев: 0
Процессор AMD Ryzen Threadripper 2990X, нацеленный на энтузиастов и обладающий 32 вычислительными ядрами, в очередной раз ненадолго засветился на полках интернет-магазинов, но, конечно, всё ещё без возможности покупки. Тем не менее CanadaComputers ненадолго выставил продукт в коробочной...
Просмотров: 307
Комментариев: 0
Грядущее расширение модельного ряда процессоров AMD Ryzen для платформы AM4 побудило компанию MSI выпустить дюжину материнских плат на наборе системной логики B450. Тайваньский производитель позаботился о том, чтобы заинтересовать своими изделиями разные категории покупателей, но традиционно для...
Просмотров: 291
Комментариев: 0
Нью-Йорк может стать одним из первых городов, где ограничат количество транспортных средств на улицах, сообщает New York Times. Спикер городского совета Кори Джонсон (Corey Johnson), демократ из Манхэттена, высказался в поддержку установления ограничения для сервисов по прокату автомобилей Uber и...
Просмотров: 266
Комментариев: 0
«Показать больше статей»
1 2 3 4 5 6 7 8 9 10 ... 24



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

Три интересных образца бронетехники, показанных на «Линии Сталина» - «Интернет и связь»

4 июля на территории историко-культурного комплекса «Линия Сталина» прошла историческая реконструкция событий 1944 года, а именно — операции «Багратион». Солдаты группы армий «Центр» попытались
Сегодня, 13:01

Белорусские стартапы могут выиграть 500 тысяч долларов инвестиций в онлайне - «Интернет и связь»

Швейцарская компания Seedstars начала прием заявок для участия в самом крупном конкурсе стартапов на развивающихся рынках. Белорусские проекты имеют возможность поучаствовать в розыгрыше инвестиций
Сегодня, 12:01

13-й запуск ракеты Rocket Lab завершился провалом — потеряно 7 спутников - «Новости сети»

13-я миссия американской частной аэрокосмической компании Rocket Lab завершилась неудачей в минувшую субботу в связи с отказом ракеты сверхлёгкого класса Electron вскоре после запуска.
Сегодня, 12:01

Дизайнер представил своё видение внешности эталонной GeForce RTX 3080 Ti - «Новости сети»

Видеокарта GeForce RTX 3080 Ti до сих пор упоминается некоторыми источниками под обозначением GeForce RTX 3090, чёткого представления о её характеристиках нет ни у кого, но само ожидание встречи с
Сегодня, 12:01

Космическая станция «Луна-25» пройдёт все предполётные испытания летом 2021 года - «Новости сети»

Мы уже сообщали, что срок реализации миссии «Луна-25» по исследованию естественного спутника нашей планеты назначен на осень 2021 года. Теперь государственная корпорация Роскосмос обнародовала
Сегодня, 08:44

Назван объём производства чипов Apple A14 для новых iPhone в 2020 году - «Новости сети»

Интернет-источники раскрыли объём выпуска процессоров Apple A14, которые станут основой смартфонов iPhone 12 — первых аппаратов «яблочной» компании, поддерживающих работу в мобильных сетях пятого
Сегодня, 08:10

Цена смартфона Vivo Y70 с процессором Exynos 880 составит от $250 - «Новости сети»

В мае нынешнего года дебютировал смартфон Vivo Y70s (на изображениях), оснащённый 6,53-дюймовым дисплеем IPS формата Full HD+ с разрешением 2340 ? 1080 точек. Как теперь сообщается, к выходу
Сегодня, 08:03

Huawei выпустит новый планшет с поддержкой 22,5-ваттной подзарядки - «Новости сети»

На китайском сертификационном сайте 3C (China Compulsory Certificate) обнародована информация о новом планшетном компьютере, который готовит к выпуску телекоммуникационный гигант Huawei. Устройство
Сегодня, 08:03

Заключён контракт на отправку двух МКС-туристов в 2021 году - «Новости сети»

Подписаны контракты с космическими туристами, полёт которых запланирован в следующем году. Об этом сообщает «РИА Новости», ссылаясь на информацию, полученную от российского представительства компании
Сегодня, 08:03

Android-телевизоры Thomson Oath Pro получили поддержку HDR 10 и Dolby Vision - «Новости сети»

Компания Thomson начала продажи новых смарт-телевизоров серии Oath Pro: устройствам предстоит конкурировать с панелями OnePlus TV U и TV Y, которые дебютировали всего несколько дней назад. В
Сегодня, 08:03

Лондон, гудбай: план изгнания Huawei из британских сетей 5G вступит в силу до конца года - «Новости сети»

До сих пор власти Великобритании не разделяли категоричной позиции США по поводу возможности использования оборудования Huawei для развития национальной телекоммуникационной инфраструктуры. Теперь
Сегодня, 08:03

Беспроводные наушники-вкладыши Xiaomi Baseus Encok W04 TWS стоят $22 - «Новости сети»

На платформе Xiaomi Youpin представлены полностью беспроводные наушники погружного типа Baseus Encok W04 Pro TWS, внешне напоминающие популярные Apple AirPods. Независимые модули-вкладыши для
? ССЫЛКА НА 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 467
Комментариев: 1
23-03-2016, 19:23
inherit
Рейтинг:
Категория: Справочник CSS
Ключевое слово, которое сообщает, что необходимо наследовать значение свойства у родительского элемента. Естественно, результат будет заметен только в том случае, если у родителя указанное свойство установлено....
Просмотров: 4 458
Комментариев: 3
23-03-2016, 19:17
Медиа-запросы
Рейтинг:
Категория: Справочник CSS
Наряду с типами носителей в CSS3 включена поддержка различных технических параметров устройств, на основе которых требуется загружать те или иные стили. К примеру, можно определить смартфон с максимальным разрешением 640 пикселов и для него установить одни стилевые свойства, а для остальных...
Просмотров: 4 425
Комментариев: 3
23-03-2016, 19:14
Угол
Рейтинг:
Категория: Справочник CSS
Задаёт угол наклона. Положительное значение отмеряется по часовой стрелке, отрицательное против часовой стрелки....
Просмотров: 4 390
Комментариев: 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 476
Комментариев: 2
23-03-2016, 19:07
Адрес
Рейтинг:
Категория: Справочник CSS
Адреса применяются для указания пути к файлу, например, для установки фоновой картинки на странице. Для этого применяется ключевое слово url(), внутри скобок пишется относительный или абсолютный адрес файла. При этом адрес можно задавать в необязательных одинарных или двойных кавычках....
Просмотров: 4 692
Комментариев: 2
23-03-2016, 19:06
Размер
Рейтинг:
Категория: Справочник CSS
Для задания размеров различных элементов, в CSS используются абсолютные и относительные единицы измерения. Абсолютные единицы не зависят от устройства вывода, а относительные единицы определяют размер элемента относительно значения другого размера....
Просмотров: 4 921
Комментариев: 3
23-03-2016, 19:05
Проценты
Рейтинг:
Категория: Справочник CSS
Процентная запись обычно применяется в тех случаях, когда надо изменить значение относительно родительского элемента или когда размеры зависят от внешних условий. Так, ширина таблицы 100% означает, что она будет подстраиваться под размеры окна браузера и меняться вместе с шириной окна....
Просмотров: 4 648
Комментариев: 1
23-03-2016, 19:04
Числа
Рейтинг:
Категория: Справочник CSS
Значением может выступать целое число, содержащее цифры от 0 до 9 и десятичная дробь, в которой целая и десятичная часть разделяются точкой. Если число начинается с нуля, то его можно опустить (.5 вместо 0.5)....
Просмотров: 4 913
Комментариев: 3
23-03-2016, 19:03
Строки
Рейтинг:
Категория: Справочник CSS
Любые строки необходимо брать в двойные или одинарные кавычки. Если внутри строки требуется оставить одну или несколько кавычек, то можно комбинировать типы кавычек или добавить перед кавычкой слэш....
Просмотров: 4 222
Комментариев: 3
23-03-2016, 18:51
calc()
Рейтинг:
Категория: Справочник CSS
Используется для указания вычисляемого значения свойств, которые в качестве значений используют размер. Это позволяет задавать значения основанные на сложении или вычитании разных единиц измерений, например можно задать 100% - 20px. Если значение не может быть вычислено, оно...
Просмотров: 4 821
Комментариев: 3
23-03-2016, 18:50
Функция attr()
Рейтинг:
Категория: Справочник CSS
Функция attr() применяется для добавления значения атрибута HTML-элемента в стилевое свойство. Например, можно получить значение атрибута class, а затем использовать его в качестве значения свойства background для изменения цвета....
Просмотров: 5 412
Комментариев: 3