Меню
Наши новости
Учебник 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 (1)
Ноябрь 2020 (42)
Октябрь 2020 (61)
Сентябрь 2020 (94)
Август 2020 (375)
Июль 2020 (829)
Наш опрос



РЕКЛАМА


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



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

Почему так важно регулярно обновлять Windows - «Windows»

Почему так важно регулярно обновлять Windows Вы когда-нибудь задумывались о том, как такая простая вещь, как обновление Windows, может играть …
18-11-2020, 19:40

Телеграм-канал белорусских медиков «Белые халаты» перешел под контроль неизвестных - «Интернет и связь»

Телеграм-канал «Белые халаты» перешел под контроль неизвестных — в нем появился нехарактерный для тематики канала пост, а аватарка сменилась на государственный герб. Напомним,...
18-11-2020, 15:09

В Минске возникли проблемы с интернетом от «Космос ТВ» - «Интернет и связь»

Читатели из Минска примерно с 14.30 стали сообщать о проблемах с интернетом от «Космос ТВ». Спустя полчаса связь начала восстанавливаться. При...
18-11-2020, 11:51

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

Платформа для общения Viber изучила, как пользователи из Беларуси относятся к цифровой безопасности, сколько времени проводят в мессенджерах и социальных сетях и какие задачи решают с их помощью.
13-11-2020, 15:01

Wargaming объявил о планах открыть офис в Вильнюсе в следующем году - «Интернет и связь»

Сегодня, 13 ноября, Wargaming Group Limited объявил о планах открыть офис в Вильнюсе в первом квартале 2021 года. Об этом говорится в пресс-релизе компании. В...
13-11-2020, 12:52

Пользователи сообщают, что работа Telegram замедлилась - «Интернет и связь»

Днем 13 ноября читатели из Минска заметили, что работа Telegram замедлилась — в частности, пользователи дольше, чем обычно, загружают медиафайлы. О...
13-11-2020, 00:00

Более 1000 сайтов перестанут открываться в Internet Explorer: кто следующий - «Windows»

А вы знали, что больше 1000 сайтов перестанут открываться в Internet Explorer? Windows 10 будет перенаправлять их в Edge на …
? ССЫЛКА НА 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 742
Комментариев: 1
23-03-2016, 19:23
inherit
Рейтинг:
Категория: Справочник CSS
Ключевое слово, которое сообщает, что необходимо наследовать значение свойства у родительского элемента. Естественно, результат будет заметен только в том случае, если у родителя указанное свойство установлено....
Просмотров: 4 767
Комментариев: 3
23-03-2016, 19:17
Медиа-запросы
Рейтинг:
Категория: Справочник CSS
Наряду с типами носителей в CSS3 включена поддержка различных технических параметров устройств, на основе которых требуется загружать те или иные стили. К примеру, можно определить смартфон с максимальным разрешением 640 пикселов и для него установить одни стилевые свойства, а для остальных...
Просмотров: 4 647
Комментариев: 3
23-03-2016, 19:14
Угол
Рейтинг:
Категория: Справочник CSS
Задаёт угол наклона. Положительное значение отмеряется по часовой стрелке, отрицательное против часовой стрелки....
Просмотров: 4 920
Комментариев: 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 732
Комментариев: 2
23-03-2016, 19:07
Адрес
Рейтинг:
Категория: Справочник CSS
Адреса применяются для указания пути к файлу, например, для установки фоновой картинки на странице. Для этого применяется ключевое слово url(), внутри скобок пишется относительный или абсолютный адрес файла. При этом адрес можно задавать в необязательных одинарных или двойных кавычках....
Просмотров: 4 928
Комментариев: 2
23-03-2016, 19:06
Размер
Рейтинг:
Категория: Справочник CSS
Для задания размеров различных элементов, в CSS используются абсолютные и относительные единицы измерения. Абсолютные единицы не зависят от устройства вывода, а относительные единицы определяют размер элемента относительно значения другого размера....
Просмотров: 5 593
Комментариев: 3
23-03-2016, 19:05
Проценты
Рейтинг:
Категория: Справочник CSS
Процентная запись обычно применяется в тех случаях, когда надо изменить значение относительно родительского элемента или когда размеры зависят от внешних условий. Так, ширина таблицы 100% означает, что она будет подстраиваться под размеры окна браузера и меняться вместе с шириной окна....
Просмотров: 4 940
Комментариев: 1
23-03-2016, 19:04
Числа
Рейтинг:
Категория: Справочник CSS
Значением может выступать целое число, содержащее цифры от 0 до 9 и десятичная дробь, в которой целая и десятичная часть разделяются точкой. Если число начинается с нуля, то его можно опустить (.5 вместо 0.5)....
Просмотров: 5 230
Комментариев: 3
23-03-2016, 19:03
Строки
Рейтинг:
Категория: Справочник CSS
Любые строки необходимо брать в двойные или одинарные кавычки. Если внутри строки требуется оставить одну или несколько кавычек, то можно комбинировать типы кавычек или добавить перед кавычкой слэш....
Просмотров: 4 441
Комментариев: 3
23-03-2016, 18:51
calc()
Рейтинг:
Категория: Справочник CSS
Используется для указания вычисляемого значения свойств, которые в качестве значений используют размер. Это позволяет задавать значения основанные на сложении или вычитании разных единиц измерений, например можно задать 100% - 20px. Если значение не может быть вычислено, оно...
Просмотров: 5 250
Комментариев: 3
23-03-2016, 18:50
Функция attr()
Рейтинг:
Категория: Справочник CSS
Функция attr() применяется для добавления значения атрибута HTML-элемента в стилевое свойство. Например, можно получить значение атрибута class, а затем использовать его в качестве значения свойства background для изменения цвета....
Просмотров: 5 786
Комментариев: 3