Материалы за Июль 2018 года » Самоучитель CSS
Меню
Наши новости
Учебник 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 (73)
Август 2020 (375)
Июль 2020 (829)
Июнь 2020 (1487)
Май 2020 (1455)
Апрель 2020 (1632)
Наш опрос



РЕКЛАМА


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



  • Новости мира Интернет
  • Афоризмы
  • Видео уроки
  • Справочник CSS
14-09-2020, 22:16

LG представила необычный смартфон Wing с двумя вращающимися экранами - «Интернет и связь»

LG официально представила смартфон с двумя экранами, один из которых можно развернуть и расположить горизонтально. Об этом пишет 9to5google. Главная...
14-09-2020, 19:18

В России показали iPhone 12 почти за 5 тысяч долларов - «Интернет и связь»

Российский бренд люксовых смартфонов Caviar показал iPhone 12, инкрустированные редкими материалами. При этом официального анонса аппаратов от самой Apple еще не произошло. Бренд...
14-09-2020, 19:02

Юрий Гурский: Мы не можем думать, что наши инвестиции в Беларуси в безопасности - «Интернет и связь»

Известный ИТ-предприниматель Юрий Гурский дал интервью Forbes, где в том числе поделился планами относительно минского офиса и IT-университета. Приводим цитату оттуда. Напомним,...
8-09-2020, 21:55

Новый «народный» хит? Что известно про игровые видеокарты NVIDIA GeForce RTX 3060 - «Интернет и связь»

Анонс видеокарт серии NVIDIA GeForce RTX 3060 состоится не раньше октября-ноября. Об этом сообщает ресурс VideoCardz. Издание ссылается на информацию от информатора под ником Kopite7kimi. Он
8-09-2020, 19:22

Официально. Презентация Apple пройдет 15 сентября - ждем новые iPhone, iPad и Apple Watch - «Интернет и связь»

Apple официально назвала дату онлайн-презентации, на которой представит новые устройства. Об этом пишет The Verge. Пресс-конференция...
8-09-2020, 17:33

Сайт A1 был недоступен - с ним возникли технические проблемы - «Интернет и связь»

Вечером 8 сентября с сайтом оператора А1 возникли технические проблемы — он стал недоступен. Примерно в 16.30?16.40 ресурс перестал открываться. В компании пояснили, что с сайтом возникли
8-09-2020, 16:28

Известный ресурс рассказал, какие iPhone 12 появятся раньше остальных - «Интернет и связь»

Известное издание Nikkei Asian Review со ссылкой на собственные источники заявило, что первые партии новых iPhone 12 сойдут с конвейера не ранее середины сентября. Массовое производство при этом
8-09-2020, 15:06

Прикинули, сколько людей участвовало в «Марше единства» в Минске в это воскресенье - «Интернет и связь»

В воскресенье, 6 сентября, в Минске, Гродно, Витебске, Бресте, Могилеве, Барановичах, Бобруйске, Новополоцке, Кобрине, Жодино, Орше и ряде других городов белорусы вновь вышли на улицы, чтобы выразить
6-09-2020, 14:49

«По распоряжению госорганов». В Минске были проблемы с мобильным интернетом - «Интернет и связь»

Абоненты белорусских операторов начали сообщать о проблемах с доступом в Сеть через мобильный интернет в Минске. По словам пользователей, затруднения с доступом в разных частях Минска начались около
6-09-2020, 11:41

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

Утром 6 сентября сайт информационного ресурса «Народная Воля» перестал открываться. При попытке перехода у пользователей с антивирусом появляется надпись: «Заблокирован веб-адрес, который может быть
? ССЫЛКА НА 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 583
Комментариев: 1
23-03-2016, 19:23
inherit
Рейтинг:
Категория: Справочник CSS
Ключевое слово, которое сообщает, что необходимо наследовать значение свойства у родительского элемента. Естественно, результат будет заметен только в том случае, если у родителя указанное свойство установлено....
Просмотров: 4 622
Комментариев: 3
23-03-2016, 19:17
Медиа-запросы
Рейтинг:
Категория: Справочник CSS
Наряду с типами носителей в CSS3 включена поддержка различных технических параметров устройств, на основе которых требуется загружать те или иные стили. К примеру, можно определить смартфон с максимальным разрешением 640 пикселов и для него установить одни стилевые свойства, а для остальных...
Просмотров: 4 525
Комментариев: 3
23-03-2016, 19:14
Угол
Рейтинг:
Категория: Справочник CSS
Задаёт угол наклона. Положительное значение отмеряется по часовой стрелке, отрицательное против часовой стрелки....
Просмотров: 4 648
Комментариев: 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 593
Комментариев: 2
23-03-2016, 19:07
Адрес
Рейтинг:
Категория: Справочник CSS
Адреса применяются для указания пути к файлу, например, для установки фоновой картинки на странице. Для этого применяется ключевое слово url(), внутри скобок пишется относительный или абсолютный адрес файла. При этом адрес можно задавать в необязательных одинарных или двойных кавычках....
Просмотров: 4 819
Комментариев: 2
23-03-2016, 19:06
Размер
Рейтинг:
Категория: Справочник CSS
Для задания размеров различных элементов, в CSS используются абсолютные и относительные единицы измерения. Абсолютные единицы не зависят от устройства вывода, а относительные единицы определяют размер элемента относительно значения другого размера....
Просмотров: 5 242
Комментариев: 3
23-03-2016, 19:05
Проценты
Рейтинг:
Категория: Справочник CSS
Процентная запись обычно применяется в тех случаях, когда надо изменить значение относительно родительского элемента или когда размеры зависят от внешних условий. Так, ширина таблицы 100% означает, что она будет подстраиваться под размеры окна браузера и меняться вместе с шириной окна....
Просмотров: 4 792
Комментариев: 1
23-03-2016, 19:04
Числа
Рейтинг:
Категория: Справочник CSS
Значением может выступать целое число, содержащее цифры от 0 до 9 и десятичная дробь, в которой целая и десятичная часть разделяются точкой. Если число начинается с нуля, то его можно опустить (.5 вместо 0.5)....
Просмотров: 5 067
Комментариев: 3
23-03-2016, 19:03
Строки
Рейтинг:
Категория: Справочник CSS
Любые строки необходимо брать в двойные или одинарные кавычки. Если внутри строки требуется оставить одну или несколько кавычек, то можно комбинировать типы кавычек или добавить перед кавычкой слэш....
Просмотров: 4 350
Комментариев: 3
23-03-2016, 18:51
calc()
Рейтинг:
Категория: Справочник CSS
Используется для указания вычисляемого значения свойств, которые в качестве значений используют размер. Это позволяет задавать значения основанные на сложении или вычитании разных единиц измерений, например можно задать 100% - 20px. Если значение не может быть вычислено, оно...
Просмотров: 5 030
Комментариев: 3
23-03-2016, 18:50
Функция attr()
Рейтинг:
Категория: Справочник CSS
Функция attr() применяется для добавления значения атрибута HTML-элемента в стилевое свойство. Например, можно получить значение атрибута class, а затем использовать его в качестве значения свойства background для изменения цвета....
Просмотров: 5 602
Комментариев: 3