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

Наши новости
Календарь
«    Декабрь 2008    »
ПнВтСрЧтПтСбВс
1234567
891011121314
15161718192021
22232425262728
293031 
Популярные статьи
Архив новостей
Январь 2018 (409)
Декабрь 2017 (745)
Ноябрь 2017 (725)
Октябрь 2017 (616)
Сентябрь 2017 (602)
Август 2017 (599)
Наш опрос



В Рунете заработала специализированная социальная сеть Maculature, ориентированная на поставщиков и покупателей макулатуры....
Просмотров: 267
Комментариев: 0
Интернет-портал My New Job объявил о запуске новых сервисов для соискателей и работодателей....
Просмотров: 237
Комментариев: 0
Эксперты PandaLabs прогнозируют постоянный рост количества вредоносного ПО в обращении (вирусы, черви, трояны и т.д.) в 2009 г. Так, за период с января по август 2008 г. лаборатория Panda Security обнаружила такое же количество новых видов вредоносного ПО, что за предшествующие 17 лет вместе взятые....
Просмотров: 211
Комментариев: 0
Специалисты по вопросам компьютерной безопасности предупреждают о массовых рассылках вредоносных почтовых сообщений новогодней тематики....
Просмотров: 251
Комментариев: 0
Портал Sostav.ru объявил о запуске нового сервиса – видеохостинга VideoSostav.ru. Это площадка, предназначенная для работы специалистов, занятых в рекламе и маркетинге....
Просмотров: 255
Комментариев: 0
Компания Mail.Ru сообщила о выпуске мобильного интернет-пейджера «Mail.Ru Агент» для смартфонов, работающих под управлением операционной системы Symbian....
Просмотров: 255
Комментариев: 0
Американская компания Verizon выиграла крупнейший в мире судебный процесс против киберсквотеров. За регистрацию 663 доменных имени, повторяющих названия сайтов компании, ее оппонентов оштрафовали на $33,15 млн....
Просмотров: 263
Комментариев: 0
Компания Netcraft обнародовала результаты очередного исследования, в ходе которого оценивалась динамика роста численности веб-сайтов во Всемирной сети....
Просмотров: 280
Комментариев: 0
Менее 60% европейских интернет-пользователей выбрали браузер Internet Explorer, в то же время 31% предпочитает Firefox. Таковы результаты исследования, опубликованного вчера французской компанией Applied Technologies Internet of Merignac на сайте XiTi Monitor....
Просмотров: 259
Комментариев: 0
Финская компания Nokia объявила о начале публичного бета-тестирования сервиса электронной почты Mail on Ovi....
Просмотров: 201
Комментариев: 0
Интернет-сервис Google Street View заставил японских журналистов, ученых и юристов еще раз вспомнить о неприкосновенности частной жизни. В минувшую пятницу группа активистов потребовала удалить фотографии улиц японских городов....
Просмотров: 243
Комментариев: 0
Компания Google подарит своим сотрудникам на Новый 2009 год мобильный телефон G1 вместо традиционного денежного подарка. Это один из способов сокращения расходов....
Просмотров: 240
Комментариев: 0
Учебный центр компании «Информзащита» провел тестирование сканеров безопасности. По результатам исследования лучшими продуктами были признаны MaxPatrol и Nessus....
Просмотров: 249
Комментариев: 0
Более 20 часов продолжается DDoS-атака на сайт «Каспаров.Ru». Из-за повышенной нагрузки ресурс работает с перебоями....
Просмотров: 281
Комментариев: 0
Проект «RUметрика» опубликовал исследование аудитории Рунета с 2004 по 2008 г. В основе исследования использовались данные статистики Rambler TOP100, Госкомстата РФ, «RUметрики» и других источников....
Просмотров: 247
Комментариев: 0
В Рунете открылся новый сервис «Сопоставление.ру» для оказания услуг по нечеткому сопоставлению различных справочников номенклатуры....
Просмотров: 227
Комментариев: 0
После публикации 29 тестовых версий анонсирован первый стабильный релиз MySQL 5.1, пригодный для промышленной эксплуатации и обеспечивающий увеличение производительности для "тяжелых" SQL запросов, по сравнению с MySQL 5.0, примерно на 15-20%. Главные новшес...
Просмотров: 258
Комментариев: 0
По данным исследовательской компании NPD Group, за первые две недели праздничного сезона американские потребители отоварились в онлайновых магазинах более чем на 700 миллионов долларов. Таким образом, объемы электронной торговли выросли на 19% по сравнению с аналогичным периодом прошлого года....
Просмотров: 205
Комментариев: 0
Citrix объявила о выходе решения XenApp: оно предназначено для удаленной работы с приложениям Windows смартфонов iPhone. Компания предназначает софт в первую очередь бизнес-пользователям, однако, таковых на российском рынке наберется не много, полагают эксперты....
Просмотров: 254
Комментариев: 0
«Доктор Веб» выпустила новую версию программного продукта Dr.Web для Windows 5.0....
Просмотров: 247
Комментариев: 0
Власти КНР продолжают расширять список крупных сайтов, доступ к которым внутри страны закрыт. Несмотря на то, что по большинству случаев блокировок МИД КНР объяснений не дает, общественные организации, владельцы заблокированных сайтов и юристы уверены....
Просмотров: 190
Комментариев: 0
В российском отделении Интерпола отмечают новые виды массовых интернет-мошенничеств а именно - фишинг....
Просмотров: 193
Комментариев: 0
Управление ФАС по Томской области намерено обратиться к представителям поисковых систем Рунета с тем, чтобы получить архивные копии сайтов, с которых предположительно рассылался спам....
Просмотров: 212
Комментариев: 0
По сообщению компании Trend Micro, у хакеров появился новый источник дохода: кража учетных записей социальных сетей....
Просмотров: 224
Комментариев: 0
Сообщество Mozilla выпустило обновленную версию браузера Firefox 3.0, получившую индекс 3.0.5....
Просмотров: 221
Комментариев: 0
Компания Yahoo сообщила о введении новой политики хранения данных о пользователях своих сервисов. Теперь информация об IP-адресах, файлы cookies и прочие персональные сведения будут уничтожаться по истечении трех месяцев — а не тринадцати, как было раньше....
Просмотров: 220
Комментариев: 0
В центральных городах Австралии прошли акции протеста против правительственного плана по внедрению системы тотальной цензуры в Интернете....
Просмотров: 189
Комментариев: 0
Google вышел к интернет-провайдерам с предложением обеспечить приоритет его трафика за дополнительную плату. Это позволило бы пользователям получить значительно более быстрый доступ к его ресурсам, хотя и противоречит принципу сетевого нейтралитета....
Просмотров: 142
Комментариев: 0
Мобильные устройства к 2020 году станут основными средствами выхода в глобальную сеть, для удобства пользователей в них будут развитые голосовые функции и продвинутая система управления на базе сенсорных функций....
Просмотров: 233
Комментариев: 0
В субботу корпорация Microsoft распространила сообщение, в котором говорится о значительном росте числа хакерских атак на пользователей, применяющих браузер Internet Explorer. Сообщается, что злоумышленники активно используют незакрытую брешь в безопасности браузера....
Просмотров: 172
Комментариев: 0
«Показать больше статей»
1 2


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

Energizer Hardcase H240S: «внедорожный» гибрид смартфона и телефона - «Новости сети»

Avenir Telecom и Energizer выпустили весьма любопытный сотовый аппарат — модель Hardcase H240S, которая, по сути, представляет собой гибрид мобильного телефона и смартфона. Устройство выполнено в
19-01-2018, 16:00

На подходе серия накопителей Samsung 860 PRO - «Новости сети»

На днях мы сообщали о появлении на сайте компании Samsung Electronics упоминания о 4-Тбайт накопителе серии 860 PRO. Официальный анонс «860-го» семейства действительно не за горами — новым
19-01-2018, 16:00

В Сети замечены следы CPU Ryzen 5 2600 и платы ASUS Crosshair VII Hero - «Новости сети»

Слухи о готовящейся новой серии процессоров Ryzen с кодовым названием Pinnacle Ridge ходят уже не первый месяц. Недавно AMD пообещала выпустить их в апреле — примерно на два месяца позже настольных
19-01-2018, 16:00

Дрон впервые в мире спас утопающих - «Новости сети»

Двое тонущих подростков были спасены беспилотным аппаратом — этот случай на Северном побережье австралийского штата Новый Южный Уэльс называют первым в мире. 16- и 17-летние сёрфингисты попали в
19-01-2018, 16:00

3D-камеры Intel RealSense серии D400 используют стерео-зрение - «Новости сети»

Корпорация Intel анонсировала 3D-камеры RealSense серии D400 — устройства D415 и D435, приём заказов на которые уже начался. В новинках используется стерео-зрение для определения глубины резкости.
19-01-2018, 16:00

Смартфон повышенной прочности LG X4+ получил процессор Snapdragon 425 - «Новости сети»

Компания LG расширила ассортимент смартфонов, представив модель с лаконичным обозначением X4+ под управлением операционной системы Android 7.0 Nougat. Аппарат выполнен в корпусе повышенной
19-01-2018, 16:00

Ноутбуки VAIO получили процессоры Intel Core восьмого поколения - «Новости сети»

Дебютировали обновлённые портативные компьютеры VAIO S11 и VAIO S13, выполненные на аппаратной платформе Intel Kaby Lake Refresh (процессоры Core восьмого поколения). Покупатели смогут выбирать
19-01-2018, 16:00

Анонс смартфона Razer Phone второго поколения ожидается в сентябре - «Новости сети»

Компания Razer, по сообщениям сетевых источников, проектирует игровой смартфон второго поколения: анонс аппарата якобы намечен на осень нынешнего года. Напомним, что оригинальный смартфон Razer
19-01-2018, 16:00

Huawei превратит один из городов Германии в «умный» мегаполис - «Новости сети»

Мэрия Дуйсбурга (Германия) и компания Huawei подписали протокол о намерениях для совместной работы над проектом «умного» города. Дуйсбург — город окружного подчинения на западе Германии (земля
19-01-2018, 16:00

LG выпустит версию смартфона V30 с улучшенными средствами ИИ - «Новости сети»

Компания LG Electronics, по сообщениям сетевых источников, готовит к выпуску новую модификацию мощного смартфона V30, который дебютировал в третьем квартале прошлого года на выставке IFA 2017.
19-01-2018, 11:00

Прибыль TSMC упала из-за падения спроса на смартфоны - «Новости сети»

Крупнейший в мире контрактный производитель чипов Taiwan Semiconductor Manufacturing Co. (TSMC) подвёл финансовые итоги четвёртого квартала. Прибыль компании сократилась из-за неблагоприятных
19-01-2018, 11:00

Sony пообещала не уходить с рынка смартфонов - «Новости сети»

Дела корпорации Sony на рынке смартфонов давно уже идут не лучшим образом. С одной стороны, на неё давят такие гиганты отрасли, как Apple и Samsung, с другой — китайские бренды. Кроме того, дизайн
Верстка из PSD | Интернет магазин Aware #2 | 2018  - «Видео уроки - CSS»
Вчера, 19:00

Верстка из PSD | Интернет магазин Aware #2 | 2018 - «Видео уроки - CSS»

Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
Верстка из psd | Одностраничник #10 (Реализация пожеланий подписчиков) 2017 - 2018  - «Видео уроки - CSS»
19-01-2018, 20:00

Верстка из psd | Одностраничник #10 (Реализация пожеланий подписчиков) 2017 - 2018 - «Видео уроки - CSS»

Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
Верстка из psd | Одностраничник #11 (клиенты и контакты) 2017 - 2018  - «Видео уроки - CSS»
19-01-2018, 20:00

Верстка из psd | Одностраничник #11 (клиенты и контакты) 2017 - 2018 - «Видео уроки - CSS»

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

Публикация бота в Microsoft Azure. Подключение к мессенджерам - «Видео уроки - CSS»

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

Введение в Microsoft Bot Framework. Создание первого бота. - «Видео уроки - CSS»

Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
Верстка из psd | Одностраничник #8 (Отзывы и портфолио) 2017 - 2018  - «Видео уроки - CSS»
18-01-2018, 23:00

Верстка из psd | Одностраничник #8 (Отзывы и портфолио) 2017 - 2018 - «Видео уроки - CSS»

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

Верстка из PSD | Интернет магазин Aware #1 | 2018 - «Видео уроки - CSS»

Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
React.js — Советы от профи!  - «Видео уроки - CSS»
17-01-2018, 16:00

React.js — Советы от профи! - «Видео уроки - CSS»

Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
Верстка из psd | Одностраничник #8 (Tweet and blog) 2017 - 2018  - «Видео уроки - CSS»
17-01-2018, 12:00

Верстка из psd | Одностраничник #8 (Tweet and blog) 2017 - 2018 - «Видео уроки - CSS»

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

Проверка знаний. Как подготовиться к собеседованию или экзамену. - «Видео уроки - CSS»

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

Запоминание информации (часть 3). Приемы усиления запоминания - «Видео уроки - CSS»

Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
Верстка из psd | Одностраничник #7 (Прайс лист) 2017 - 2018  - «Видео уроки - CSS»
14-01-2018, 17:00

Верстка из psd | Одностраничник #7 (Прайс лист) 2017 - 2018 - «Видео уроки - 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 применяется для установки исходного значения свойства. Может пригодиться в нескольких случаях, к примеру, восстановить значения свойств, заданных браузером по умолчанию или задать начальное значение свойства, измененное в результате наследования. Ключевое...
Просмотров: 1 837
Комментариев: 1
23-03-2016, 19:23
inherit
Рейтинг:
Категория: Справочник CSS
Ключевое слово, которое сообщает, что необходимо наследовать значение свойства у родительского элемента. Естественно, результат будет заметен только в том случае, если у родителя указанное свойство установлено....
Просмотров: 1 853
Комментариев: 3
23-03-2016, 19:17
Медиа-запросы
Рейтинг:
Категория: Справочник CSS
Наряду с типами носителей в CSS3 включена поддержка различных технических параметров устройств, на основе которых требуется загружать те или иные стили. К примеру, можно определить смартфон с максимальным разрешением 640 пикселов и для него установить одни стилевые свойства, а для остальных...
Просмотров: 1 759
Комментариев: 3
23-03-2016, 19:14
Угол
Рейтинг:
Категория: Справочник CSS
Задаёт угол наклона. Положительное значение отмеряется по часовой стрелке, отрицательное против часовой стрелки....
Просмотров: 1 634
Комментариев: 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 заменены латинскими буквами....
Просмотров: 1 881
Комментариев: 2
23-03-2016, 19:07
Адрес
Рейтинг:
Категория: Справочник CSS
Адреса применяются для указания пути к файлу, например, для установки фоновой картинки на странице. Для этого применяется ключевое слово url(), внутри скобок пишется относительный или абсолютный адрес файла. При этом адрес можно задавать в необязательных одинарных или двойных кавычках....
Просмотров: 1 961
Комментариев: 2
23-03-2016, 19:06
Размер
Рейтинг:
Категория: Справочник CSS
Для задания размеров различных элементов, в CSS используются абсолютные и относительные единицы измерения. Абсолютные единицы не зависят от устройства вывода, а относительные единицы определяют размер элемента относительно значения другого размера....
Просмотров: 1 630
Комментариев: 3
23-03-2016, 19:05
Проценты
Рейтинг:
Категория: Справочник CSS
Процентная запись обычно применяется в тех случаях, когда надо изменить значение относительно родительского элемента или когда размеры зависят от внешних условий. Так, ширина таблицы 100% означает, что она будет подстраиваться под размеры окна браузера и меняться вместе с шириной окна....
Просмотров: 1 796
Комментариев: 1
23-03-2016, 19:04
Числа
Рейтинг:
Категория: Справочник CSS
Значением может выступать целое число, содержащее цифры от 0 до 9 и десятичная дробь, в которой целая и десятичная часть разделяются точкой. Если число начинается с нуля, то его можно опустить (.5 вместо 0.5)....
Просмотров: 1 666
Комментариев: 3
23-03-2016, 19:03
Строки
Рейтинг:
Категория: Справочник CSS
Любые строки необходимо брать в двойные или одинарные кавычки. Если внутри строки требуется оставить одну или несколько кавычек, то можно комбинировать типы кавычек или добавить перед кавычкой слэш....
Просмотров: 1 603
Комментариев: 3
23-03-2016, 18:51
calc()
Рейтинг:
Категория: Справочник CSS
Используется для указания вычисляемого значения свойств, которые в качестве значений используют размер. Это позволяет задавать значения основанные на сложении или вычитании разных единиц измерений, например можно задать 100% - 20px. Если значение не может быть вычислено, оно...
Просмотров: 1 850
Комментариев: 3
23-03-2016, 18:50
Функция attr()
Рейтинг:
Категория: Справочник CSS
Функция attr() применяется для добавления значения атрибута HTML-элемента в стилевое свойство. Например, можно получить значение атрибута class, а затем использовать его в качестве значения свойства background для изменения цвета....
Просмотров: 2 475
Комментариев: 3