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

Календарь
«    Июнь 2020    »
ПнВтСрЧтПтСбВс
1234567
891011121314
15161718192021
22232425262728
2930 
Популярные статьи
Архив новостей
Июль 2020 (309)
Июнь 2020 (1487)
Май 2020 (1455)
Апрель 2020 (1632)
Март 2020 (1400)
Февраль 2020 (1094)
Наш опрос



РЕКЛАМА


ВАША РЕКЛАМА
Массовые мероприятия прошлого века не обходились без «анимационной трибуны» на стадионе, на которой «живые пиксели» с цветными квадратами в руках приводили в движение гигантские картины. Нечто подобное можно воссоздать и с помощью диспетчера задач Windows (Task Manager), но для большей зрелищности...
Просмотров: 18
Комментариев: 0
В начале августа Samsung проведет презентацию новых топовых смартфонов, в числе которых окажется и серия Galaxy Note20. Инсайдер Ice universe в Twitter рассказал о старшей модели, пишет PhoneArena. По......
Просмотров: 22
Комментариев: 0
Осенью компания Apple представит следующее поколение фирменных смартфонов — iPhone 12. Об устройствах известно уже практически все, включая стоимость. Но, по последней информации, стартовая цена аппаратов......
Просмотров: 18
Комментариев: 0
Китайская компания Realme опубликовала тизер-изображения, говорящие о скором анонсе первого в мире смартфона на процессоре MediaTek Helio G35. Ожидается, что этим аппаратом станет модель C11....
Просмотров: 22
Комментариев: 0
Около года назад BMW и Mercedes-Benz заключили партнёрское соглашение, в рамках которого компании планировали осуществлять совместную разработку технологий автономного вождения. Теперь же было объявлено о прекращении сотрудничества в данном направлении, а сами компании назвали это решение «взаимным...
Просмотров: 26
Комментариев: 0
Стало известно о том, что в настоящее время российские специалисты ликвидируют последствия утечки токсичного топлива из разгонного блока «Фрегат», который находится на космодроме Куру во Французской Гвиане. Об этом сообщило РИА Новости со ссылкой на пресс-службу государственной корпорации...
Просмотров: 22
Комментариев: 0
Китайская компания TCL Technology Group объявила о стратегическом приобретении части акций компании JOLED, японского производителя OLED-экранов методом струйной печати. Цена вопроса - 30 млрд иен ($280 млн). За эту сумму дочка TCL, компания China Star Optoelectronics Technology (CSOT), получит...
Просмотров: 16
Комментариев: 0
По данным источников, молодая компания Archer показала уникальный дизайн электросамолёта с вертикальными взлётом и посадкой. От прочих новичков на зарождающемся рынке аэротакси компанию Archer отличает опытный состав проектировщиков, имеющих за плечами не один год разработки подобных решений в...
Просмотров: 20
Комментариев: 0
На этой неделе в Сети появилась информация о том, что из-за новых санкций правительства США в отношении Huawei может задержаться запуск новых флагманских смартфонов серии Mate 40. Теперь же авторитетный инсайдер опубликовал сообщение, говорящее о том, что Huawei сумеет вывести на рынок смартфоны...
Просмотров: 17
Комментариев: 0
Завтра, 21 июня, в день летнего солнцестояния будет кольцеобразное солнечное затмение. Некоторые считают это признаком конца света, что конечно, не соответствует реальности. ...[/h]...
Просмотров: 14
Комментариев: 0
Бренд Honor объявил о старте предзаказа нового смартфона флагманской тридцатой серии — Honor 30S. С 19 июня новинку уже можно заказать на официальном сайте интернет-магазина Honor и в других торговых точках по рекомендованной розничной цене 27 990 руб....
Просмотров: 32
Комментариев: 0
В базе данных Google Play Console появилась информация об относительно недорогом смартфоне Motorola One Fusion: сведения о подготовке этого аппарата ранее уже мелькали в Интернете. Кремниевый «мозг» устройства — процессор Qualcomm Snapdragon 710. Чип содержит восемь ядер Kryo 360 с тактовой...
Просмотров: 15
Комментариев: 0
Генеральный директор Tesla Илон Маск (Elon Musk) сообщил в пятницу вечером в Twitter, что из-за вспышки коронавируса компании придётся отложить ежегодное собрание акционеров, намеченное на 7 июля. ......
Просмотров: 19
Комментариев: 0
Исследование, проведённое компанией Counterpoint Technology Market Research, говорит о том, что объём рынка смартфонов в денежном выражении будет сокращаться. В частности, опрос показал, что каждый третий нынешний обладатель смартфона при покупке новой модели намерен сократить расходы...
Просмотров: 14
Комментариев: 0
Команда Unihertz в ближайшее время планирует организовать краудфандинговую программу по сбору средств на выпуск ультракомпактного смартфона под названием Jelly 2. Аппарат получит дисплей размером всего 3 дюйма по диагонали. Это примерно вдвое меньше по сравнению с большинством современных...
Просмотров: 18
Комментариев: 0
Как бы ни был мал электрон, он тяжелее фотона, что негативно влияет на скорость распространения электрона в проводящей среде. В этом плане фотоны способны перемещаться намного быстрее, что открывает перед фотонной электроникой широкие перспективы. Но на пути к кремниевой фотонике всё ещё множество...
Просмотров: 16
Комментариев: 0
Ещё один крупный медийный источник выражает уверенность в намерениях Apple объявить в грядущий понедельник о переводе части персональных компьютеров семейства Mac на использование процессоров собственной разработки. Утверждается, что имидж Intel был подпорчен не только дефицитом процессоров, но и...
Просмотров: 17
Комментариев: 0
Национальный исследовательский технологический университет «МИСиС» (НИТУ «МИСиС») сообщил о создании инновационного биоразлагаемого сплава для костных имплантов, используемых при переломах, остеопорозе и миеломе. ......
Просмотров: 13
Комментариев: 0
Вооружение стремительно «умнеет», что вынуждает подтягивать оборону. Умные ракеты и снаряды, взлом систем управления, рои дронов - эти и многие другие виды атаки словно сошли со страниц научно-фантастических книг. Впрочем, почему словно? Это уже не фантастика, хотя на массовое явление пока ещё не...
Просмотров: 17
Комментариев: 0
Холдинг «Росэлектроника», принадлежащий государственной корпорации Ростех, совместно с Фондом развития промышленности (ФРП) запустили первое в России производство интеллектуальных приборов учёта электрической энергии....
Просмотров: 17
Комментариев: 0
Похоже, что история компании Toshiba как полупроводниковой компании подходит к концу. Как узнали журналисты японского издания Nikkei, компания решила постепенно избавиться от акций подразделения по выпуску флеш-памяти NAND. Горькая ирония в том, что память NAND изобрели в Toshiba. Произошло это в...
Просмотров: 26
Комментариев: 0
Руководство Национального центра кибербезопасности Великобритании (NCSC), правительственной организации, которая оказывает консультативную помощь и поддержку предприятиям по вопросам предотвращения угроз компьютерной безопасности, направило телекоммуникационным операторам письмо с предложением...
Просмотров: 15
Комментариев: 0
Согласно прогнозу, сделанному специалистами компании International Data Corporation (IDC), распространение коронавируса спровоцирует резкое снижение объёмов печати документов в домашних и офисных условиях....
Просмотров: 13
Комментариев: 0
Несколько дней назад в Сети обсуждали заметку на сайте администрации Советского района Минска, где говорилось, что «работники, являющиеся должностными лицами, а также лица, приравненные к государственным......
Просмотров: 13
Комментариев: 0
ИБ-эксперты обнаружили, что 79 моделей маршрутизаторов Netgear уязвимы для серьезного бага, который может позволить хакерам …...
Просмотров: 16
Комментариев: 0



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

Нам приходят сообщения про запрет на посещение новостных сайтов на работе. Проверили, так ли это - «Интернет и связь»

На прошлой неделе мы узнали, что в национальном парке «Беловежская пуща» вышел приказ, предписывающий сотрудникам «не использовать в своей хозяйственной деятельности» сайты TUT.BY и Onliner.by. Позже
Сегодня, 16:24

Германия собирается начать добычу лития на своей территории - «Новости сети»

Как известно, Германия рассчитывает стать первой крупнейшей экономикой, которая в энергетике откажется от атома и угля. Для этого, в частности, придётся предусмотреть системы накопления энергии,
Сегодня, 16:05

Sega представила Astro City Mini — крошечный аркадный автомат - «Новости сети»

Миниатюрные игровые консоли сегодня в моде. После превосходной Genesis / Mega Drive Mini и загадочной Game Gear Micro компания Sega представила ещё более невероятный продукт — встречаем Astro City
Сегодня, 16:05

Больше половины выпущенных в 2020 году смартфонов будут оснащены портом USB Type-C - «Новости сети»

Согласно прогнозу аналитического агентства Omdia, более 50 % смартфонов, которые будут поставлены на рынок в течение этого года, получат интерфейс USB Type-C. В отчёте также сказано, что объём
Сегодня, 16:05

Компьютер Lenovo ThinkStation P340 Tiny выполнен в корпусе объёмом около 1 литра - «Новости сети»

Компания Lenovo анонсировала компьютер небольшого форм-фактора ThinkStation P340 Tiny, позиционирующийся в качестве настольной рабочей станции. Устройство заключено в корпус объёмом около одного
Сегодня, 16:05

Смартфон Galaxy Note 20 Ultra получит Snapdragon 865 — подтверждено сертификацией FCC - «Новости сети»

На прошлой неделе мы смогли впервые увидеть официальный рендер нового фаблета Galaxy Note 20 Ultra, на этой — первые «живые» фотографии устройства. Похоже, что новинка также недавно прошла
Сегодня, 16:05

Лукашенко сказал, что хочет вручить генеральские погоны выпускникам этого года. Когда это будет - «Интернет и связь»

Вчера, 6 июля, Александр Лукашенко во Дворце Независимости вручил генеральские погоны вновь назначенным высшим офицерам. Здесь же он поздравил выпускников-отличников военных учебных заведений — и
Сегодня, 16:02

Huawei проектирует смартфон в стиле Samsung Galaxy Z Flip - «Новости сети»

Китайский гигант Huawei проектирует новый смартфон с гибким дисплеем. Описание дизайна новинки, как сообщают интернет-источники, обнаружилось в патентной документации. ом информации стало
Сегодня, 16:02

Samsung выпустит новый бюджетный планшет серии Galaxy Tab A с поддержкой 4G LTE - «Новости сети»

Южнокорейская компания Samsung, по сведениям веб-источников, в скором времени расширит ассортимент недорогих планшетных компьютеров: речь идёт о выпуске новой модели семейства Galaxy Tab A. ...
Сегодня, 16:02

AirPods 3 могут оказаться похожи на AirPods Pro по компоновке и технологиям - «Новости сети»

По словам известного аналитика Минг-Чи Куо (Ming-Chi Kuo) из TF Securities, гарнитура Apple AirPods следующего поколения перейдёт на более сложное решение компоновки чипов — «система в упаковке»
Сегодня, 16:02

Корпус SilverStone Fara R1 Rainbow для игрового ПК оснащён сетчатой лицевой панелью - «Новости сети»

Компания SilverStone представила очередной корпус для настольного компьютера игрового класса: новинка, относящаяся к изделиям Mid Tower, получила название Fara R1 Rainbow. Решение имеет размеры 207
Сегодня, 16:02

Logitech выпустила две клавиатуры и мышь для компьютеров Apple - «Новости сети»

Компания Logitech сегодня, 7 июля, представила сразу три новинки: клавиатуры MX Keys for Mac и K380 for Mac, а также мышь MX Master 3 for Mac. Все устройства, как отражено в названии, рассчитаны на
? ССЫЛКА НА 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 471
Комментариев: 1
23-03-2016, 19:23
inherit
Рейтинг:
Категория: Справочник CSS
Ключевое слово, которое сообщает, что необходимо наследовать значение свойства у родительского элемента. Естественно, результат будет заметен только в том случае, если у родителя указанное свойство установлено....
Просмотров: 4 461
Комментариев: 3
23-03-2016, 19:17
Медиа-запросы
Рейтинг:
Категория: Справочник CSS
Наряду с типами носителей в CSS3 включена поддержка различных технических параметров устройств, на основе которых требуется загружать те или иные стили. К примеру, можно определить смартфон с максимальным разрешением 640 пикселов и для него установить одни стилевые свойства, а для остальных...
Просмотров: 4 427
Комментариев: 3
23-03-2016, 19:14
Угол
Рейтинг:
Категория: Справочник CSS
Задаёт угол наклона. Положительное значение отмеряется по часовой стрелке, отрицательное против часовой стрелки....
Просмотров: 4 394
Комментариев: 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 478
Комментариев: 2
23-03-2016, 19:07
Адрес
Рейтинг:
Категория: Справочник CSS
Адреса применяются для указания пути к файлу, например, для установки фоновой картинки на странице. Для этого применяется ключевое слово url(), внутри скобок пишется относительный или абсолютный адрес файла. При этом адрес можно задавать в необязательных одинарных или двойных кавычках....
Просмотров: 4 694
Комментариев: 2
23-03-2016, 19:06
Размер
Рейтинг:
Категория: Справочник CSS
Для задания размеров различных элементов, в CSS используются абсолютные и относительные единицы измерения. Абсолютные единицы не зависят от устройства вывода, а относительные единицы определяют размер элемента относительно значения другого размера....
Просмотров: 4 926
Комментариев: 3
23-03-2016, 19:05
Проценты
Рейтинг:
Категория: Справочник CSS
Процентная запись обычно применяется в тех случаях, когда надо изменить значение относительно родительского элемента или когда размеры зависят от внешних условий. Так, ширина таблицы 100% означает, что она будет подстраиваться под размеры окна браузера и меняться вместе с шириной окна....
Просмотров: 4 649
Комментариев: 1
23-03-2016, 19:04
Числа
Рейтинг:
Категория: Справочник CSS
Значением может выступать целое число, содержащее цифры от 0 до 9 и десятичная дробь, в которой целая и десятичная часть разделяются точкой. Если число начинается с нуля, то его можно опустить (.5 вместо 0.5)....
Просмотров: 4 915
Комментариев: 3
23-03-2016, 19:03
Строки
Рейтинг:
Категория: Справочник CSS
Любые строки необходимо брать в двойные или одинарные кавычки. Если внутри строки требуется оставить одну или несколько кавычек, то можно комбинировать типы кавычек или добавить перед кавычкой слэш....
Просмотров: 4 224
Комментариев: 3
23-03-2016, 18:51
calc()
Рейтинг:
Категория: Справочник CSS
Используется для указания вычисляемого значения свойств, которые в качестве значений используют размер. Это позволяет задавать значения основанные на сложении или вычитании разных единиц измерений, например можно задать 100% - 20px. Если значение не может быть вычислено, оно...
Просмотров: 4 824
Комментариев: 3
23-03-2016, 18:50
Функция attr()
Рейтинг:
Категория: Справочник CSS
Функция attr() применяется для добавления значения атрибута HTML-элемента в стилевое свойство. Например, можно получить значение атрибута class, а затем использовать его в качестве значения свойства background для изменения цвета....
Просмотров: 5 415
Комментариев: 3