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

Календарь
«    Июль 2017    »
ПнВтСрЧтПтСбВс
 12
3456789
10111213141516
17181920212223
24252627282930
31 
Популярные статьи
Архив новостей
Май 2020 (1225)
Апрель 2020 (1632)
Март 2020 (1400)
Февраль 2020 (1094)
Январь 2020 (249)
Декабрь 2019 (43)
Наш опрос



РЕКЛАМА


ВАША РЕКЛАМА
Одной из самых масштабных и ожидаемых функций в Windows 10 Fall Creators Update была лента изменений Timeline в Представлении задач. Однако сегодня стало известно о том, что в ближайшем времени ее ожидать все-таки не стоит. Старт этой функции отложили до выхода следующего обновления, для участников...
Просмотров: 448
Комментариев: 0
Копилка дополнений для стандартного браузера от Microsoft наконец-то пополнилась отличным расширением Enhancer for YouTube, появившемся недавно в магазине Windows. Благодаря ему теперь возможно настроить YouTube ......
Просмотров: 519
Комментариев: 0
4-07-2017, 10:39
Как обрезать фото в Фотошопе
Рейтинг:
Категория: Новости
Здравствуйте! Сегодня мі рассмотрим как обрезать фото в Фотошопе. С версии CS6  инструмент обрезки фото был разделен на два инструмента, также произошло расширение возможностей и настроек работы, что очень удобно в практических действиях. А самое главное — произошло изменение идеологии режима...
Просмотров: 434
Комментариев: 0
Президент Российской Федерации Владимир Путин подписал закон о блокировке «зеркал» сайтов, содержащих какой-либо противоправный контент. Таким образом, он начнет действовать с 1 октября 2017 года....
Просмотров: 346
Комментариев: 0
Столичные операторы каршеринга занесли в списки недобросовестных водителей примерно 1400 человек — они больше не смогут взять автомобиль в краткосрочную аренду. Сейчас в Москве услуги каршеринга предоставляют пять операторов — «Делимобиль», Car5, Anytimecar, Youdrive и BelkaCar. В общей ......
Просмотров: 451
Комментариев: 0
В прессе появились сообщения о намерении Apple расширить возможности по поставкам OLED-экранов для смартфонов iPhone нового поколения с помощью финансовой поддержки поставщиков. Информация размещенная на сайте - «hs-design.ru» Согласно публикации южнокорейского ресурса The Investor, Apple...
Просмотров: 387
Комментариев: 0
Численность персонала Samsung Electronics сократилась впервые за семь лет. Сказались реструктуризация в Китае и продажа активов, передаёт агентство Yonhap, ссылаясь на данные компании. По итогам 2016 года в Samsung работало в общей сложности 308 745 человек, что на 5,2 % меньше, чем годом ранее....
Просмотров: 334
Комментариев: 0
Компания ADATA Technology анонсировала новый портативный накопитель HD650, обладающий вместимостью 4 Тбайт. Продажи устройства начнутся в ближайшее время. Новинка выполнена на основе жёсткого диска. Для подключения к компьютеру служит порт USB 3.1. Интерфейс USB также служит для подачи питания,...
Просмотров: 368
Комментариев: 0
Согласно данным источников Reuters, план продажи полупроводникового подразделения Toshiba может включать возможность для SK Hynix получить в конечном итоге миноритарную долю в бизнесе, что противоречит публичным заявлениям Toshiba. Информация размещенная на сайте - «hs-design.ru» SK Hynix Inc...
Просмотров: 381
Комментариев: 0
Компании China Mobile, SAIC Motor и Huawei продемонстрировали первую в мире технологию дистанционного управления легковым автомобилем, созданную на базе мобильной сети пятого поколения (5G). В рамках эксперимента Huawei предоставила беспроводное решение 5G, обеспечившее подключение «умного»...
Просмотров: 430
Комментариев: 0
Смартфон Meizu Pro 7 обещает стать по-настоящему интересным мобильным гаджетом благодаря оригинальной задумке, которая ляжет в его основу и станет ключевой «фишкой» новинки. Речь идёт о наличии небольшого вспомогательного дисплея на тыльной стороне гаджета. Смартфоны с двумя экранами неоднократно...
Просмотров: 300
Комментариев: 0
Группа компаний «Хевел» (совместное предприятие ГК «Ренова» и АО РОСНАНО) провела модернизацию завода по производству солнечных модулей в Новочебоксарске Чувашской Республики. Информация размещенная на сайте - «hs-design.ru» Это единственный в России завод полного цикла по выпуску солнечных...
Просмотров: 425
Комментариев: 0
У частной американской аэрокосмической компании SpaceX очередное знаменательное событие. Повторно запущенный 3 июня 2017 года космический грузовик Dragon доставил груз на МКС и успешно вернулся на Землю в понедельник утром, 3 июля. SpaceX впервые повторно использовала космический корабль для...
Просмотров: 386
Комментариев: 0
Повторный релиз смартфона Samsung Note7 — его улучшенной версии с безопасным аккумулятором — подарил фанатам продукции южнокорейского бренда Galaxy Note Fan Edition. Именно под таким названием устройство сделало вторую попытку завоевать любовь и доверие пользователей. Ограниченный тираж в...
Просмотров: 356
Комментариев: 0
На российском рынке представлен смартфон ASUS ZenFone 4 Max, уже доступный для предварительного заказа на сайте интернет-магазина «МегаФона». В аппарате применён процессор Snapdragon 425, который содержит четыре вычислительных ядра ARM Cortex-A53 с частотой 1,4 ГГц, графический ускоритель Adreno...
Просмотров: 387
Комментариев: 0
Компания Thermaltake пополнила ассортимент компьютерных корпусов моделью Versa C24 RGB, которая относится к решениям типоразмера Mid Tower. Новинка будет предлагаться в двух вариантах цветового исполнения — белом и чёрном. Предусмотрена многоцветная светодиодная подсветка. В боковой части имеется...
Просмотров: 401
Комментариев: 0
ЦНИИточмаш госкорпорации Ростех представил в Центре прототипирования высокой сложности НИТУ МИСиС «Кинетика» выставку «10 артефактов будущего — перспективные российские технологии». Центр прототипирования создан при поддержке Министерства образования и науки РФ и Министерства промышленности и...
Просмотров: 408
Комментариев: 0
Во вторник, 4 июля, Samsung Electronics сообщила об инвестировании не менее 21,4 трлн вон ($18,63 млрд) в развитие своего бизнеса на территории Южной Кореи. Этими расходами компания стремится укрепить свои позиции на рынках памяти и дисплеев нового поколения для смартфонов, передаёт агентство...
Просмотров: 379
Комментариев: 0
Компания HMD Global, получившая права на использование торговой марки Nokia, намерена сотрудничать с Xiaomi. По крайней мере, такую информацию распространили сетевые источники. Сообщается, что речь идёт об использовании в смартфонах Nokia доморощенных мобильных процессоров Xiaomi. Это, в...
Просмотров: 374
Комментариев: 0
Компания ASUS анонсировала мониторы VP278QG и VP247QG с диагональю соответственно 27 и 23,6 дюйма, рассчитанные на использование в составе игровых систем. Панели обладают разрешением 1920 × 1080 пикселей — формат Full HD. Время отклика составляет 1 мс. Обеспечивается 72-процентный охват...
Просмотров: 405
Комментариев: 0
Национальное управление США по воздухоплаванию и исследованию космического пространства (NASA) одобрило проект DART по изучению эффективности технологии защиты от потенциально опасных космических тел. Речь идёт о методике так называемого «кинетического удара». Суть заключается в том, чтобы разбить...
Просмотров: 378
Комментариев: 0
В Москве могут появиться парковочные места для электромобилей, сообщает ТАСС со ссылкой на заместителя мэра столицы Максима Ликсутова. «Для электротранспорта в Москве парковка бесплатная. На сегодняшний день с Минтрансом мы обсуждаем вопрос по скорейшему принятию в Российской Федерации...
Просмотров: 449
Комментариев: 0
В распоряжении сетевых источников оказались слайды, демонстрирующие основные характеристики смартфона Redmi Note 5, который, как ожидается, вскоре представит китайская компания Xiaomi. Судя по всему, к выпуску готовятся версии аппарата с процессором Snapdragon 630 и Snapdragon 660......
Просмотров: 375
Комментариев: 0



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

В России коронавирус выявили у кошки. Ее поместили на карантин - «Интернет и связь»

Первый случай заражения домашней кошки коронавирусом подтвержден в России, сообщил журналистам во вторник заместитель руководителя Россельхознадзора Николай Власов. «В...
Вчера, 21:37

Блогер почистил посудомоечную машину - люди назвали идею противной - «Интернет и связь»

Пользователь TikTok по имени Патрик (Patrick) опубликовал видео, на котором показал, как выглядит давно не мытый фильтр посудомоечной машины. Другие блогеры начали следовать его примеру и записывать
Вчера, 20:42

ARM представила новые ядра Cortex-A78 и Cortex-X, а также графику Mali-G78 - «Новости сети»

Британский технологический гигант ARM каждый год примерно в одно и то же время представляет новое поколение ядер центральных и графических процессоров. И этот год не стал исключением. Сегодня
Вчера, 20:42

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

Представленные в этом году смартфоны OnePlus 8 и 8 Pro разочаровали многих поклонников марки своей стоимостью. Базовая версия смартфона стоит $899, в то время как цена Pro-версии составляет ещё более
Вчера, 20:08

В США начнут производство пластыря для ранней диагностики COVID-19 - «Новости сети»

Несколько американских технологических компаний объединили усилия для разработки и выпуска специального пластыря для мониторинга температуры тела, повышение которой может в ряде случае
Вчера, 20:08

Ростех наращивает экспорт электронных компонентов на фоне пандемии - «Новости сети»

Холдинг «Росэлектроника» Госкорпорации Ростех сообщил, что, несмотря на продолжающуюся пандемию коронавируса SARS-CoV-2 поставки за рубеж российских электронных компонентов герконов за квартал
Вчера, 20:05

В Великобритании задействуют дроны для доставки тестов на коронавирус и средств защиты - «Новости сети»

В Великобритании будут использовать дроны для доставки тестов на коронавирус и средств индивидуальной защиты в больницу на острове у западного побережья Шотландии. Информация размещенная на сайте
Вчера, 20:05

Гибридные процессоры AMD Rembrandt будут объединять архитектуры Zen 3+ и RDNA 2 - «Новости сети»

AMD почти не скрывает своих намерений выпустить в этом году настольные процессоры с архитектурой Zen 3 (Vermeer). Все прочие планы компании относительно процессоров потребительского класса покрыты
Вчера, 20:05

Это успех: новым Ryzen XT приписывают увеличение однопоточной производительности на 2 % - «Новости сети»

Совсем недавно стало известно, что компания AMD готовит к выпуску обновлённые версии некоторых своих процессоров Ryzen 3000-й серии. И теперь в Сети появились первые результаты тестов представителей
Вчера, 20:05

Apple может представить iPhone без физических разъёмов в следующем году - «Новости сети»

Новая утечка сообщает, что смартфоны серии iPhone 12 станут последними телефонами Apple с разъёмом Lightning. Как сообщает в своём Twitter-аккаунте пользователь под псевдонимом Fudge, ранее
Вчера, 20:05

Мобильные 10-нм процессоры Intel Atom поколения Elkhart Lake появились в продаже в Китае - «Новости сети»

Новые энергоэффективные процессоры Intel Atom поколения Elkhart Lake, которые сочетают микроархитектуру Tremont, интегрированную графику 11-го поколения и 10-нм технологию изготовления, появились в
Вчера, 17:03

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

The Last of Us Part II может не выйти в странах Ближнего Востока. Однозначного ответа в Sony пока так и не дали, но все указывает на это. Об этом пишет DTF. Игры...
? ССЫЛКА НА 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 410
Комментариев: 1
23-03-2016, 19:23
inherit
Рейтинг:
Категория: Справочник CSS
Ключевое слово, которое сообщает, что необходимо наследовать значение свойства у родительского элемента. Естественно, результат будет заметен только в том случае, если у родителя указанное свойство установлено....
Просмотров: 4 383
Комментариев: 3
23-03-2016, 19:17
Медиа-запросы
Рейтинг:
Категория: Справочник CSS
Наряду с типами носителей в CSS3 включена поддержка различных технических параметров устройств, на основе которых требуется загружать те или иные стили. К примеру, можно определить смартфон с максимальным разрешением 640 пикселов и для него установить одни стилевые свойства, а для остальных...
Просмотров: 4 372
Комментариев: 3
23-03-2016, 19:14
Угол
Рейтинг:
Категория: Справочник CSS
Задаёт угол наклона. Положительное значение отмеряется по часовой стрелке, отрицательное против часовой стрелки....
Просмотров: 4 263
Комментариев: 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 419
Комментариев: 2
23-03-2016, 19:07
Адрес
Рейтинг:
Категория: Справочник CSS
Адреса применяются для указания пути к файлу, например, для установки фоновой картинки на странице. Для этого применяется ключевое слово url(), внутри скобок пишется относительный или абсолютный адрес файла. При этом адрес можно задавать в необязательных одинарных или двойных кавычках....
Просмотров: 4 612
Комментариев: 2
23-03-2016, 19:06
Размер
Рейтинг:
Категория: Справочник CSS
Для задания размеров различных элементов, в CSS используются абсолютные и относительные единицы измерения. Абсолютные единицы не зависят от устройства вывода, а относительные единицы определяют размер элемента относительно значения другого размера....
Просмотров: 4 772
Комментариев: 3
23-03-2016, 19:05
Проценты
Рейтинг:
Категория: Справочник CSS
Процентная запись обычно применяется в тех случаях, когда надо изменить значение относительно родительского элемента или когда размеры зависят от внешних условий. Так, ширина таблицы 100% означает, что она будет подстраиваться под размеры окна браузера и меняться вместе с шириной окна....
Просмотров: 4 584
Комментариев: 1
23-03-2016, 19:04
Числа
Рейтинг:
Категория: Справочник CSS
Значением может выступать целое число, содержащее цифры от 0 до 9 и десятичная дробь, в которой целая и десятичная часть разделяются точкой. Если число начинается с нуля, то его можно опустить (.5 вместо 0.5)....
Просмотров: 4 797
Комментариев: 3
23-03-2016, 19:03
Строки
Рейтинг:
Категория: Справочник CSS
Любые строки необходимо брать в двойные или одинарные кавычки. Если внутри строки требуется оставить одну или несколько кавычек, то можно комбинировать типы кавычек или добавить перед кавычкой слэш....
Просмотров: 4 176
Комментариев: 3
23-03-2016, 18:51
calc()
Рейтинг:
Категория: Справочник CSS
Используется для указания вычисляемого значения свойств, которые в качестве значений используют размер. Это позволяет задавать значения основанные на сложении или вычитании разных единиц измерений, например можно задать 100% - 20px. Если значение не может быть вычислено, оно...
Просмотров: 4 730
Комментариев: 3
23-03-2016, 18:50
Функция attr()
Рейтинг:
Категория: Справочник CSS
Функция attr() применяется для добавления значения атрибута HTML-элемента в стилевое свойство. Например, можно получить значение атрибута class, а затем использовать его в качестве значения свойства background для изменения цвета....
Просмотров: 5 331
Комментариев: 3