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

Календарь
«    Август 2010    »
ПнВтСрЧтПтСбВс
 1
2345678
9101112131415
16171819202122
23242526272829
3031 
Популярные статьи
Архив новостей
Август 2019 (185)
Июль 2019 (341)
Июнь 2019 (367)
Май 2019 (446)
Апрель 2019 (434)
Март 2019 (468)
Наш опрос



РЕКЛАМА


ВАША РЕКЛАМА
Главный редактор техноблога TechCrunch Майкл Аррингтон (Michael Arrington), ссылаясь на анонимный авторитетный источник, разместил сообщение о предложении, которую сделала компания CISCO руководству сервиса IP-телефонии Skype....
Просмотров: 607
Комментариев: 0
По итогам 2009 года выручка социальной сети «ВКонтакте» перевалила за миллиард рублей (1,094 млрд. руб. по данным РСБУ). Показатель прошлого года превысил показатель предыдущего 2008 года в 6.8 раза....
Просмотров: 640
Комментариев: 0
Новый плагин для популярного браузера под названием A&P Search Tools разработан компанией «Ашманов и Партнеры». В наборе представлены инструменты для повышения удобства поиска в Сети....
Просмотров: 574
Комментариев: 0
29.08.2010 Существует ли удача объективно? Нет, не существует. Существует лишь позитивно оцениваемая нами статистика выгодных для нас событий. <span class='wp-smiley wp-emoji wp-emoji-cool' ......
Просмотров: 713
Комментариев: 0
28.08.2010 О мёртвых или хорошо, или ничего? У Теткоракса как-то спросили: — Как следует говорить о мёртвых? Либо хорошо, либо ничего? Теткоракс ответил: — Людям нужно не молчание, людям нужна правда. Но молчание всё-таки лучше вранья. <p style="text-align:justify;max-width: ......
Просмотров: 689
Комментариев: 0
В российских интернет-компаниях распространяются слухи о том, что Rambler Media готова отказаться от развития и эксплуатации собственной поисковой системы....
Просмотров: 587
Комментариев: 0
Новый спам-фильтр, разработка которого ведется командой социальной сети сможет значительно сократить количество спам-сообщений....
Просмотров: 551
Комментариев: 0
Сервис поиска по записям в социальных сетях в режиме реального времени, предлагаемый компанией Google, претерпел серьезные изменения....
Просмотров: 570
Комментариев: 0
22.08.2010 В ошибке любой женщины есть вина мужчины. (И. Гердер) Как это понимать? О чём речь? <p style="text-align:justify;max-width: 100%; border: 1px solid #71653a;border-radius: 5px; padding: 20px;color: #71653a; ......
Просмотров: 1 793
Комментариев: 0
Группа отчетов «Возвраты» в Яндекс.Метрике претерпела некоторые изменения и получила новое название. Теперь она называется «Лояльность»...
Просмотров: 8 972
Комментариев: 7
На днях был официально закрыт проект Google Wave – первая попытка компании Google в области социальных сетей. Закрытие проекта связано с его низкой популярностью....
Просмотров: 569
Комментариев: 0
16 августа самому популярному интернет-браузеру Microsoft Internet Explorer исполнилось 15 лет. Выход первой версии браузера состоялся 16 августа 1995 года....
Просмотров: 611
Комментариев: 0
Новый ICQ-вирус Snatch поразил тысячи компьютеров пользователей. Заражение произошло после запуска одноименного .exe файла, полученного по сети ICQ. Начало эпидемии пришлось на 16 августа....
Просмотров: 581
Комментариев: 0
16.08.2010 Умный верит в себя, глупый — в судьбу. В природе судьбы не существует. Имеются только причинно-следственные связи. И тем не менее, всегда следует помнить, что Каждый человек сам творец своей судьбы......
Просмотров: 958
Комментариев: 0
Яндекс кратко комментирует новый поисковый алгоритм. Как было видно из анонса, улучшение коснулось ранжирования страниц по гео-независимым запросам. Однако, по мнению....
Просмотров: 594
Комментариев: 0
Три типа рекламных блоков AdSense получили новый дизайн, представленный пользователям. Изменения коснулись размещения текста, читаемости шрифтов и распределения рекламного пространства....
Просмотров: 634
Комментариев: 0
Для сайтов станут доступны социальные кнопки Twitter – TweetButton. Посредством их использования можно будет непосредственно с сайтов отправлять материалы для своих фолловеров и просматривать ретвиты....
Просмотров: 545
Комментариев: 0
Теперь браузер в фоновом режиме, не выводя запросов и предупреждений пользователю, будет скачивать и устанавливать изменения, исправления и дополнения....
Просмотров: 561
Комментариев: 0
09.08.2010 Дурные привычки побороть сегодня легче, чем завтра. (Конфуций) <span style="font-family:Arial......
Просмотров: 1 627
Комментариев: 0
07.08.2010 Афоризмы о двух сторонах. В ......
Просмотров: 2 375
Комментариев: 0
В сети появилось объявление корпорации Google о прекращении развития сервиса Wave. Комментируя это решение, вице-президент Google Урс Хольцле (UrsHolzle) сообщил, что причиной послужила низкая популярность....
Просмотров: 460
Комментариев: 0
В блоге сообщества разработчиков Chromium появилось сообщение о презентации компанией Google экспериментальной версии браузера Chrome Canary Build....
Просмотров: 615
Комментариев: 0
В микроблоговом сервисе Twitter произошло очередное памятное событие – число записей оставленных пользователями перевалило за 20 миллиардов. BBCNews сообщает, что человеком, отправившим юбилейное сообщение....
Просмотров: 431
Комментариев: 0


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

HP Omen X 27: игровой QHD-монитор с частотой 240 Гц и поддержкой FreeSync 2 HDR - «Новости сети»

Компания HP представила новый монитор Omen X 27, который является улучшенной версией вышедшего ранее дисплея Omen 27. Новинка также рассчитана на использование в составе продвинутых игровых систем, а
20-08-2019, 15:01

HP 22x и HP 24x: игровые Full HD-мониторы с частотой 144 Гц - «Новости сети»

Помимо монитора Omen X 27 компания HP представила ещё два дисплея с высокой частотой обновления — HP 22x и HP 24x. Обе новинки рассчитаны на использование вместе с игровыми системами. Информация
20-08-2019, 15:01

HP представила игровые механические клавиатуры Omen Encoder и Pavilion Gaming Keyboard 800 - «Новости сети»

Компания HP представила две новые клавиатуры: Omen Encoder и Pavilion Gaming Keyboard 800. Обе новинки построены на механических переключателях и ориентированы на использование с игровыми системами.
20-08-2019, 15:01

HP анонсировала игровые ноутбуки Pavilion Gaming 15 на процессорах AMD Ryzen - «Новости сети»

Компания HP представила новые модели в семействе игровых ноутбуков Pavilion Gaming 15. Ключевой особенностью новинок является то, что в их основе лежат процессоры AMD Ryzen 3000-й серии. Как отмечает
20-08-2019, 15:01

Плата ASUS ROG Rampage VI Extreme Encore оснащена адаптерами Wi-Fi 6 и Bluetooth 5.0 - «Новости сети»

Компания ASUS на выставке gamescom 2019 в Кёльне (Германия) анонсировала материнскую плату ROG Rampage VI Extreme Encore для игровых настольных компьютеров топового уровня. Новинка имеет типоразмер
20-08-2019, 15:01

ASUS ROG Strix XG43UQ и XG27UQ: игровые мониторы с технологией сжатия DSC - «Новости сети»

Компания ASUS в ходе международной выставки Gamescom 2019 в Кёльне (Германия) анонсировала новые продукты Republic of Gamers (ROG), в частности, игровые мониторы Strix XG43UQ и Strix XG27UQ. Обе
20-08-2019, 15:01

Игровая мышь ASUS ROG Chakram поддерживает беспроводную подзарядку Qi - «Новости сети»

Компания ASUS представила на ежегодной выставке Gamescom 2019, которая проходит в Кёльне (Германия), мышь ROG Chakram, спроектированную для любителей игр. Манипулятор может обмениваться данными с
20-08-2019, 15:00

ASUS ROG Strix XG17: портативный игровой монитор со штативом - «Новости сети»

В мае на выставке Computex 2019 компания ASUS демонстрировала образцы портативного монитора ROG Strix XG17, предназначенного для игр. Теперь это устройство представлено официально: анонс состоялся на
20-08-2019, 15:00

Игровая гарнитура ASUS ROG Strix Go 2.4 не нуждается в проводах - «Новости сети»

Компания ASUS в ходе выставки Gamescom 2019, которая проходит в Кёльне (Германия), представила гарнитуру ROG Strix Go 2.4, разработанную специально для любителей игр. Утверждается, что
20-08-2019, 15:00

Плата ASUS ROG Strix X299-E Gaming II снабжена OLED-дисплеем LiveDash - «Новости сети»

На выставке gamescom 2019, которая проходит в Кёльне (Германия), дебютировала материнская плата ASUS ROG Strix X299-E Gaming II для игровой настольной системы на платформе Intel. Новинка использует
20-08-2019, 15:00

Redmi похвасталась продажей более 20 млн смартфонов Note 7 по всему миру - «Новости сети»

Принадлежащая Xiaomi марка Redmi представила первый смартфон Redmi Note 7 в Китае ещё в январе, а в феврале выпустила Redmi Note 7 Pro в Индии. Сегодня компания объявила, что совокупные продажи Redmi
20-08-2019, 15:00

Глава NVIDIA сознался: популярность Turing гораздо ниже, чем утверждалось ранее - «Новости сети»

На квартальной отчётной конференции основатель NVIDIA Дженсен Хуанг (Jen-Hsun Huang) традиционно много говорил о разных вещах, но в поле зрения зарубежных средств массовой информации в последние дни
ЗАРАБОТОК БЕЗ ВЛОЖЕНИЙ НА ДВУХ САЙТАХ  - «Видео уроки - CSS»
Сегодня, 12:00

ЗАРАБОТОК БЕЗ ВЛОЖЕНИЙ НА ДВУХ САЙТАХ - «Видео уроки - CSS»

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

Git tools для продвинутых разработчиков - «Видео уроки - CSS»

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

Мультикамера в Adobe Premiere 2019 - «Видео уроки - CSS»

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

DevOps Team-Lead в Skyeng - «Видео уроки - CSS»

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

BONUS EXTRA Прешоу — перед выпуском #207 «Сурового веба» - «Видео уроки - CSS»

#podcast #подкаст #webdev... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не
МОМЕНТАЛЬНЫЙ ВЫВОД ДЕНЕГ С САЙТА CRIPTO TIMES / ЗАРАБОТОК В ИНТЕРНЕТЕ #EasyMoney  - «Видео уроки - CSS»
19-08-2019, 15:00

МОМЕНТАЛЬНЫЙ ВЫВОД ДЕНЕГ С САЙТА CRIPTO TIMES / ЗАРАБОТОК В ИНТЕРНЕТЕ #EasyMoney - «Видео уроки - CSS»

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

HarmonyOS от Huawei, Армия военных дронов, Умные очки для плавания - «Видео уроки - CSS»

#loftblog #DevNews #вебпрограммист... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда
ЗАРАБОТОК В ЭКОНОМИЧЕСКИХ ИГРАХ С ВЫВОДОМ РЕАЛЬНЫХ ДЕНЕГ  - «Видео уроки - CSS»
17-08-2019, 03:00

ЗАРАБОТОК В ЭКОНОМИЧЕСКИХ ИГРАХ С ВЫВОДОМ РЕАЛЬНЫХ ДЕНЕГ - «Видео уроки - CSS»

#EasyMoney #заработок #заработоквинтернете... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял ..Как говориться - "Не бойся,
ЗАРАБОТОК КРИПТОВАЛЮТ ДЛЯ НОВИЧКОВ. Выводим Первые Монеты из L7 / ЗАРАБОТОК В ИНТЕРНЕТЕ #EasyMoney  - «Видео уроки - CSS»
17-08-2019, 03:00

ЗАРАБОТОК КРИПТОВАЛЮТ ДЛЯ НОВИЧКОВ. Выводим Первые Монеты из L7 / ЗАРАБОТОК В ИНТЕРНЕТЕ #EasyMoney - «Видео уроки - CSS»

Москва... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда
CRIPTO TIMES - Новая Копилка Для Крутого Заработка / ЗАРАБОТОК В ИНТЕРНЕТЕ #EasyMoney  - «Видео уроки - CSS»
17-08-2019, 03:00

CRIPTO TIMES - Новая Копилка Для Крутого Заработка / ЗАРАБОТОК В ИНТЕРНЕТЕ #EasyMoney - «Видео уроки - CSS»

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

Cоздание дашбордов в Google Data Studio - «Видео уроки - CSS»

... Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
Business-Plan СКАМ / ЗАРАБОТОК В ИНТЕРНЕТЕ #EasyMoney  - «Видео уроки - CSS»
15-08-2019, 12:00

Business-Plan СКАМ / ЗАРАБОТОК В ИНТЕРНЕТЕ #EasyMoney - «Видео уроки - 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 применяется для установки исходного значения свойства. Может пригодиться в нескольких случаях, к примеру, восстановить значения свойств, заданных браузером по умолчанию или задать начальное значение свойства, измененное в результате наследования. Ключевое...
Просмотров: 3 906
Комментариев: 1
23-03-2016, 19:23
inherit
Рейтинг:
Категория: Справочник CSS
Ключевое слово, которое сообщает, что необходимо наследовать значение свойства у родительского элемента. Естественно, результат будет заметен только в том случае, если у родителя указанное свойство установлено....
Просмотров: 3 830
Комментариев: 3
23-03-2016, 19:17
Медиа-запросы
Рейтинг:
Категория: Справочник CSS
Наряду с типами носителей в CSS3 включена поддержка различных технических параметров устройств, на основе которых требуется загружать те или иные стили. К примеру, можно определить смартфон с максимальным разрешением 640 пикселов и для него установить одни стилевые свойства, а для остальных...
Просмотров: 3 802
Комментариев: 3
23-03-2016, 19:14
Угол
Рейтинг:
Категория: Справочник CSS
Задаёт угол наклона. Положительное значение отмеряется по часовой стрелке, отрицательное против часовой стрелки....
Просмотров: 3 588
Комментариев: 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 заменены латинскими буквами....
Просмотров: 3 939
Комментариев: 2
23-03-2016, 19:07
Адрес
Рейтинг:
Категория: Справочник CSS
Адреса применяются для указания пути к файлу, например, для установки фоновой картинки на странице. Для этого применяется ключевое слово url(), внутри скобок пишется относительный или абсолютный адрес файла. При этом адрес можно задавать в необязательных одинарных или двойных кавычках....
Просмотров: 3 876
Комментариев: 2
23-03-2016, 19:06
Размер
Рейтинг:
Категория: Справочник CSS
Для задания размеров различных элементов, в CSS используются абсолютные и относительные единицы измерения. Абсолютные единицы не зависят от устройства вывода, а относительные единицы определяют размер элемента относительно значения другого размера....
Просмотров: 3 655
Комментариев: 3
23-03-2016, 19:05
Проценты
Рейтинг:
Категория: Справочник CSS
Процентная запись обычно применяется в тех случаях, когда надо изменить значение относительно родительского элемента или когда размеры зависят от внешних условий. Так, ширина таблицы 100% означает, что она будет подстраиваться под размеры окна браузера и меняться вместе с шириной окна....
Просмотров: 3 918
Комментариев: 1
23-03-2016, 19:04
Числа
Рейтинг:
Категория: Справочник CSS
Значением может выступать целое число, содержащее цифры от 0 до 9 и десятичная дробь, в которой целая и десятичная часть разделяются точкой. Если число начинается с нуля, то его можно опустить (.5 вместо 0.5)....
Просмотров: 3 760
Комментариев: 3
23-03-2016, 19:03
Строки
Рейтинг:
Категория: Справочник CSS
Любые строки необходимо брать в двойные или одинарные кавычки. Если внутри строки требуется оставить одну или несколько кавычек, то можно комбинировать типы кавычек или добавить перед кавычкой слэш....
Просмотров: 3 653
Комментариев: 3
23-03-2016, 18:51
calc()
Рейтинг:
Категория: Справочник CSS
Используется для указания вычисляемого значения свойств, которые в качестве значений используют размер. Это позволяет задавать значения основанные на сложении или вычитании разных единиц измерений, например можно задать 100% - 20px. Если значение не может быть вычислено, оно...
Просмотров: 3 906
Комментариев: 3
23-03-2016, 18:50
Функция attr()
Рейтинг:
Категория: Справочник CSS
Функция attr() применяется для добавления значения атрибута HTML-элемента в стилевое свойство. Например, можно получить значение атрибута class, а затем использовать его в качестве значения свойства background для изменения цвета....
Просмотров: 4 713
Комментариев: 3