Меню
Наши новости
Учебник 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 
Архив новостей
Сентябрь 2018 (319)
Август 2018 (669)
Июль 2018 (717)
Июнь 2018 (691)
Май 2018 (639)
Апрель 2018 (633)
Наш опрос



РЕКЛАМА


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


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

Amazon Smart Plug: голосовой ассистент Alexa в каждой розетке - «Новости сети»

Компания Amazon продолжает расширять экосистему устройств с поддержкой интеллектуального голосового ассистента Alexa. Очередной новинкой стал модуль под названием Smart Plug. По сути, Smart Plug —
21-09-2018, 03:01

Hyundai поставит в Швейцарию 1000 грузовиков на водородном топливе - «Новости сети»

Компания Hyundai Motor объявила о подписании контракта на поставку в течение ближайших пяти лет 1000 грузовиков с двигателем на водородном топливе. Её партнёрами выступят швейцарская компания H2
21-09-2018, 03:01

Foxconn станет крупнейшим производителем телевизоров в 2018 году - «Новости сети»

Согласно данным исследовательской фирмы WitsView, изучающей рынок ЖК-панелей, в 2018 году Foxconn Electronics превзойдёт компанию TPV Technology и станет самым крупным контрактным производителем
21-09-2018, 03:01

Inmarsat и Panasonic стали партнёрами в обеспечении связи на борту самолёта - «Новости сети»

Британская спутниковая компания Inmarsat заявила о заключении соглашения о сотрудничестве с японской Panasonic Avionics Corporation с целью предоставления услуг широкополосной связи на борту
21-09-2018, 03:01

Представлена новая карта распределения водяного льда на Луне - «Новости сети»

Институт космических исследований Российской академии наук (ИКИ РАН) сообщает о том, что на основе данных от отечественного прибора сформирована обновлённая карта распределения водяного льда в грунте
21-09-2018, 03:01

Amazon Echo Input: помощник Alexa в любом динамике - «Новости сети»

Компания Amazon представила компактное устройство Echo Input, которое позволяет превратить любую аудиоколонку в смарт-устройство с голосовым ассистентом Alexa. Работает система следующим образом.
21-09-2018, 03:01

Фото дня: глава лаборатории 3DNews показал коллекцию видеокарт на мероприятии NVIDIA - «Новости сети»

Помимо главной презентации видеокарт GeForce RTX местные отделения компании NVIDIA провели свои собственные мероприятия для представителей прессы, посвящённые новинкам. Подобное мероприятие
21-09-2018, 03:01

Canon PowerShot SX70 HS: фотокамера с 65-кратным зумом за $550 - «Новости сети»

Компания Canon, как и сообщалось ранее, пополнила ассортимент фотоаппаратов моделью PowerShot SX70 HS, которая поступит в продажу в ноябре. Новинка получила мощный объектив с 65-кратным оптическим
21-09-2018, 03:01

Бракованный iPhone XS Max обнаружен в день старта продаж - «Новости сети»

Не успели обновлённые смартфоны Apple образца 2018 года поступить в продажу, как в Интернете появилась первая фотография бракованного iPhone XS Max. Автором снимка является некто Мустафа Али
21-09-2018, 03:01

AmazonBasics Microwave: СВЧ-печь с управлением посредством Alexa - «Новости сети»

Компания Amazon анонсировала новое устройство для «умного» дома с поддержкой интеллектуального голосового ассистента Alexa. Прибор получил название AmazonBasics Microwave: это микроволновая (СВЧ)
21-09-2018, 03:01

Процессоры Zhaoxin (VIA) KX-6000 покоряют планку Intel Core i5 Skylake - «Новости сети»

19 сентября на выставке China International Industry Expo 2018 производитель и соразработчик x86-совместимых процессоров китайская компания Zhaoxin впервые публично представила новое поколение
21-09-2018, 03:01

Garmin и Marvel создали детский фитнес-трекер в стиле «человека-паука» - «Новости сети»

Компания Garmin в партнёрстве с Marvel представила новый трекер физической активности Vivofit jr. 2, спроектированный специально для малолетних пользователей. Анонсированный фитнес-браслет
«Цифровой профиль» Россиянина, Робот для питомца, Робокожа  - «Видео уроки - CSS»
Сегодня, 06:00

«Цифровой профиль» Россиянина, Робот для питомца, Робокожа - «Видео уроки - CSS»

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

Прощай Redux, привет GraphQL — Суровый веб #178 - «Видео уроки - CSS»

#redux #graphql #bem... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь:
СКИДКА 5% на все курсы - «Видео уроки - CSS»
21-09-2018, 06:00

СКИДКА 5% на все курсы - «Видео уроки - CSS»

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

Функционально реактивное программирование - «Видео уроки - CSS»

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

Тип Symbol ES6 - «Видео уроки - CSS»

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

Пагинация на PHP - «Видео уроки - CSS»

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

Ошибка headers already sent при работе с сессиями и куками - «Видео уроки - CSS»

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

Сессии PHP и формы - «Видео уроки - CSS»

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

Работа с PhpMyAdmin - «Видео уроки - CSS»

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

Движок сайта PHP на базе данных - «Видео уроки - CSS»

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

Адаптив за час для дизайнера - «Видео уроки - CSS»

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

Строка JavaScript замедлила сайт в 10 раз — Суровый веб #177 - «Видео уроки - CSS»

#jаvascript #php #дизайн... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не
 !      
 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 202
Комментариев: 1
23-03-2016, 19:23
inherit
Рейтинг:
Категория: Справочник CSS
Ключевое слово, которое сообщает, что необходимо наследовать значение свойства у родительского элемента. Естественно, результат будет заметен только в том случае, если у родителя указанное свойство установлено....
Просмотров: 2 208
Комментариев: 3
23-03-2016, 19:17
Медиа-запросы
Рейтинг:
Категория: Справочник CSS
Наряду с типами носителей в CSS3 включена поддержка различных технических параметров устройств, на основе которых требуется загружать те или иные стили. К примеру, можно определить смартфон с максимальным разрешением 640 пикселов и для него установить одни стилевые свойства, а для остальных...
Просмотров: 2 124
Комментариев: 3
23-03-2016, 19:14
Угол
Рейтинг:
Категория: Справочник CSS
Задаёт угол наклона. Положительное значение отмеряется по часовой стрелке, отрицательное против часовой стрелки....
Просмотров: 1 971
Комментариев: 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 259
Комментариев: 2
23-03-2016, 19:07
Адрес
Рейтинг:
Категория: Справочник CSS
Адреса применяются для указания пути к файлу, например, для установки фоновой картинки на странице. Для этого применяется ключевое слово url(), внутри скобок пишется относительный или абсолютный адрес файла. При этом адрес можно задавать в необязательных одинарных или двойных кавычках....
Просмотров: 2 281
Комментариев: 2
23-03-2016, 19:06
Размер
Рейтинг:
Категория: Справочник CSS
Для задания размеров различных элементов, в CSS используются абсолютные и относительные единицы измерения. Абсолютные единицы не зависят от устройства вывода, а относительные единицы определяют размер элемента относительно значения другого размера....
Просмотров: 1 965
Комментариев: 3
23-03-2016, 19:05
Проценты
Рейтинг:
Категория: Справочник CSS
Процентная запись обычно применяется в тех случаях, когда надо изменить значение относительно родительского элемента или когда размеры зависят от внешних условий. Так, ширина таблицы 100% означает, что она будет подстраиваться под размеры окна браузера и меняться вместе с шириной окна....
Просмотров: 2 181
Комментариев: 1
23-03-2016, 19:04
Числа
Рейтинг:
Категория: Справочник CSS
Значением может выступать целое число, содержащее цифры от 0 до 9 и десятичная дробь, в которой целая и десятичная часть разделяются точкой. Если число начинается с нуля, то его можно опустить (.5 вместо 0.5)....
Просмотров: 2 069
Комментариев: 3
23-03-2016, 19:03
Строки
Рейтинг:
Категория: Справочник CSS
Любые строки необходимо брать в двойные или одинарные кавычки. Если внутри строки требуется оставить одну или несколько кавычек, то можно комбинировать типы кавычек или добавить перед кавычкой слэш....
Просмотров: 2 025
Комментариев: 3
23-03-2016, 18:51
calc()
Рейтинг:
Категория: Справочник CSS
Используется для указания вычисляемого значения свойств, которые в качестве значений используют размер. Это позволяет задавать значения основанные на сложении или вычитании разных единиц измерений, например можно задать 100% - 20px. Если значение не может быть вычислено, оно...
Просмотров: 2 261
Комментариев: 3
23-03-2016, 18:50
Функция attr()
Рейтинг:
Категория: Справочник CSS
Функция attr() применяется для добавления значения атрибута HTML-элемента в стилевое свойство. Например, можно получить значение атрибута class, а затем использовать его в качестве значения свойства background для изменения цвета....
Просмотров: 3 015
Комментариев: 3