background
background-attachment
background-clip
background-color
background-image
background-origin
background-position
background-repeat
background-size
border
border-bottom
-----------------
border-bottom-left-radius
border-bottom-right-radius
border-bottom-style
border-bottom-width
border-collapse
border-color
border-image
border-left
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-color
border-top-left-radius
border-top-right-radius
border-top-style
border-top-width
border-width
bottom
box-shadow
box-sizing
caption-side
clear
clip
color
column-gap
column-rule
column-width
content
counter-increment
cursor
direction
display
empty-cells
height
quotes
float
font
font-family
font-size
font-stretch
font-style
font-variant
font-weight
left
letter-spacing
line-height
list-style
list-style-image
list-style-position
list-style-type
margin
margin-bottom
margin-left
margin-right
margin-top
max-height
max-width
min-height
min-width
opacity
orphans
outline
outline-color
outline-offset
outline-style
outline-width
overflow
overflow-x
overflow-y
padding
padding-bottom
padding-left
padding-right
padding-top
page-break-after
page-break-before
page-break-inside
position
white-space
widows
width
word-break
word-spacing
word-wrap
writing-mode
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-transform
top
transform
transform-origin
transition
transition-delay
transition-duration
transition-property
transition-timing-function
resize
right
unicode-bidi
vertical-align
visibility
z-index
Interner Explorer
-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-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
Видео уроки
- 18 декабря 2025, 07:17
Календарь
Популярные статьи
Архив новостей
Наш опрос
| Помогли мы вам |
Наши новости
Разное и интересное
- 18 декабря 2025, 07:17
- 09 декабря 2025, 15:14
С помощью CSS разработчики могут создавать на сайтах весьма интересные эффекты и даже анимацию. Возможности нового CSS3 значительно расширили доступный набор их инструментов. В интернете имеется достаточно много разных примеров, библиотек и сервисов, где каждый может посмотреть и скачать те или...
Традиционно в начале нового года подвожу итоги прошедшего с обзором самых интересных публикаций в блоге. Если сравнивать эту заметку с соответствующим постами в WordPress Inside или итоговым постом на Tod’s blog, то здесь выбрать лучшие материалы было сложнее всего. Их число оказалось достаточно...
18-03-2016, 16:25
Линейные градиенты в CSS и генераторы градиентов - «Верстка»
Категория: Самоучитель CSS / Вёрстка
Градиентом называют плавный переход из одного цвета к другому. Когда-то этот прием был достаточно популярен для сайтов в стиле веб 2.0. Помнится, многие дизайнеры применяли яркие градиенты для создания красочных логотипов, дизайнов сервисов и т.п. В настоящее время с помощью CSS3 данную фишку...
18-03-2016, 16:25
Ahoba – новый сервис для верстки сайтов и макетов - «Верстка»
Категория: Самоучитель CSS / Вёрстка
Прислали тут мне на почту пресс-релиз по поводу запуска нового интересного сервиса для дизайнеров под названием Ahoba (;. Повозился с ним полчасика, посмотрел что к чему и решил поделиться с вами впечатлением. Данный проект, как говорят сами разработчики, будет полезен дизайнерам при создании...
18-03-2016, 16:25
HTML Academy – отличные онлайн-курсы по HTML и CSS - «Верстка»
Категория: Самоучитель CSS / Вёрстка
Обучение веб-разработке – тема достаточно обширная, и начинать ее нужно с самых азов – HTML и CSS. Сейчас в интернете существует масса разных курсов, отсканированных книг и самоучителей для получения знаний. Однако ничего из этого не будет изучать также интересно как проект HTML Academy. Этот...
18-03-2016, 16:25
CSS генераторы кнопок, шаблонов, рамок и других элементов сайта - «Верстка»
Категория: Самоучитель CSS / Вёрстка
При оформлении сайтов принято использовать CSS (CascadingStyleSheets), то есть каскадные таблицы стили. Это набор тегов, задающих основные параметры оформления страницы (отступы, шрифты, цвета), позволяющие создавать ключевые элементы веб-сайта, выдерживая их в определенном стиле. Для каждого...
18-03-2016, 16:24
Кликабельный фон / подложка для сайта - «Верстка»
Категория: Самоучитель CSS / Вёрстка
Для одного проекта попросили реализовать кликабельный фон (подложку) сайта, которую вы могли встречать на крупных порталах. Такой рекламный брендинг позволяет максимально привлечь внимание посетителя и намного эффективнее баннера. В блоге уже публиковались статьи про большую фоновую картинку для...
18-03-2016, 16:18
Жирный текст с помощью HTML и CSS - «Верстка»
Категория: Самоучитель CSS / Вёрстка
Сегодняшней публикацией начинаю цикл статей про жирные шрифты. Изначально думал разместить все нюансы и вопросы по теме в одном месте, но информации оказалось слишком много. Лучше воспринимать ее постепенно. Поэтому перед тем, как перейти к разным подборкам шрифтов для создания фотошоп иллюстраций...
18-03-2016, 15:27
Заполнение по кругу | CSS - «Учебник CSS»
Категория: Справочник CSS / HTML, CSS, JavaScript.
Lea Verou предложила конический градиент [w3.org]. Когда браузеры начнут его поддержку реализацию плавного заполнения вероятно можно будет сделать ещё интересней. Сейчас же нужно немного похимичить. И без overflow: ...[/w]...
...
18-03-2016, 15:14
Иконка домашней страницы "Домик" или "home" | CSS - «Учебник CSS»
Категория: Учебник CSS
Значок в HTML: ⌂ Реализация с помощью background...
18-03-2016, 15:00
Cветовые эффекты для сайтов - «Дизайны сайтов»
Категория: Самоучитель CSS / Дизайны сайтов
Световые эффекты в веб-дизайне создают для посетителей сайтов определенное настроение. Например, для темного минималистичного дизайна могут использоваться яркие цветные вихри и красивые эффекты, что создаст впечатление некой светящейся энергии и, вместе с тем, теплую атмосферу для окружения,...
18-03-2016, 15:00
Красивые контактные формы для вдохновения - «Дизайны сайтов»
Категория: Самоучитель CSS / Дизайны сайтов
Так уж сложилось, что над дизайном контактных форм, обычно сильно голову не ломают. Ну есть там несколько текстовых полей — «тема», «от кого» (e-mail), да форма сообщения, что еще нужно? Вроде бы ничего, но сейчас не начало 90-х годов. Уже давно мелочей нет! Каждый элемент, каждая деталь активно...
18-03-2016, 15:00
Ошибка 404: Изящное решение - «Дизайны сайтов»
Категория: Самоучитель CSS / Дизайны сайтов
Испорченная ссылка — страшная сила. Когда мы видим «Ошибку 404» — страница не найдена («page not found»), это неважно сказывается на нашем отношении к сайту. Большинство посетителей просто сразу уйдет и даже разбираться не будет (кто-то даже может подумать что весь сайт не работает). Поэтому важно...
‘ ’ " ” ❝ ❞ ‹ ......
На WebReference.ru освежил дизайн с учётом пожеланий пользователей. Вдобавок перевёл сайт на Foundation 6 и Sass, что несколько снизило объём стилевых файлов и как итог должно ускорить загрузку сайта......
Реклама Современный бизнес активно использует email и sms-сообщения для коммуникаций со своими клиентами и партнерами. Это могут быть как массовые рекламные рассылки оповещающие потенциальных клиентов ......
В этот раз подборка лучших постов Дизайн Мании публикуется последней среди всех остальных проектов. Я уже успел рассказать о лучших сервисах 2014, самых полезных статьях про вордпресс 2014 и подвести итоги наиболее важных заметок о заработке 2014. Теперь на очереди дизайн. Вообще подобные посты в...
В прошлом посте про бесплатные осенние текстуры была одна красивая иллюстрация, которая привлекла мое внимание. Это отличный пример того зачем могут пригодиться данные материалы. Поэтому сегодня я бы хотел рассмотреть вопрос как наложить текстуру в фотошопе подобно картинке выше. Продвинутым...
18-03-2016, 13:15
Клиенты в веб-дизайне, которых следует избегать - «Веб-дизайн»
Категория: Самоучитель CSS
После того, как вы наконец-то стали веб-дизайнером и начали бороться за успех в реальном мире, можете оказаться в довольно затруднительном положении. Учителя наверняка предупреждали (или вы слышали) о том, что с будущими клиентами могут возникнуть разные проблемы. Однако реальность зачастую...
- Новости мира Интернет
- Афоризмы
- Видео уроки
- Справочник CSS
3-04-2026, 10:30
Космический сбой Microsoft: в летящем к Луне корабле «Орион» оказалось два Outlook и ни один из них не работает - «Новости сети»
Космические энтузиасты, следившие за прямой трансляцией с космического корабля NASA «Орион» в рамках миссии Artemis II, заметили, что даже у астронавтов могут возникать проблемы с программным
3-04-2026, 10:30
К созданию спонсируемого Биллом Гейтсом нетипичного ядерного реактора подключили ИИ — процесс пойдёт живее - «Новости сети»
Американская компания, которой помогает развиваться один из фондов Билла Гейтса, совместно с компанией SoftServe разработала первую в своём роде ИИ-платформу на базе Nvidia Omniverse, которая
3-04-2026, 10:30
Пираты победили Denuvo: игры теперь взламывают в день релиза, но разработчик обещает новые меры - «Новости сети»
Последние несколько недель значительная часть интернета, связанного с играми и пиратством, была охвачена волной ликования по поводу обнаружения обхода антипиратской защиты Denuvo. Новый метод не
31-03-2026, 10:30
Слепой тест аудиокабелей за $4250 и $7 показал самый ожидаемый результат - «Новости сети»
Слепой тест, проведённый Audio Science Review, в очередной раз подтвердил, что единственное, что аудиокабель за несколько тысяч долларов передаёт эффективнее, чем кабель за $7 — это огромная сумма
31-03-2026, 10:30
Bethesda подтвердила дату смерти The Elder Scrolls: Blades - «Новости сети»
Разработчики из Bethesda Games Studios не спешат открывать новую главу фэнтезийной франшизы The Elder Scrolls с выходом горячо ожидаемой The Elder Scrolls VI, но готовятся закрыть одну из старых. ...
31-03-2026, 10:30
Энтузиаст собрал компактную PlayStation с microSD и HDMI потреблением менее 2 Вт - «Новости сети»
Энтузиаст и видеоблогер Secret Hobbyist спроектировал и собрал материнскую плату PlayStation, объединив лучшие компоненты из разных ревизий оригинальной консоли. Гибридная плата читает игры с карты
28-03-2026, 10:30
«Отправьте меня в будущее, чтобы я смог поиграть в эту игру»: новый геймплей ролевого боевика Exodus в духе Mass Effect взбудоражил фанатов - «Новости сети»
Основанная ветеранами BioWare студия Archetype Entertainment представила новый геймплейный отрывок из своего амбициозного научно-фантастического ролевого экшена Exodus в духе Mass Effect. Обзор...
28-03-2026, 10:30
Apple: режим Lockdown Mode не позволил хакерам взломать ни одного устройства - «Новости сети»
Компания Apple заявила, что за почти четыре года существования функции Lockdown Mode (Режим блокировки) не было зафиксировано ни одного случая успешного взлома iPhone. Если функция активирована,
28-03-2026, 10:30
В российских ЦОД массово выходит из строя старое оборудование - «Новости сети»
В российских центрах обработки данных (ЦОД), которые были построены 10-15 лет назад, массово выходит из строя оборудование. Такая ситуация сложилась из-за окончания жизненного цикла, проблем с
23-03-2026, 10:30
Apple не отказалась от выпуска бюджетного iPad с чипом A18 этой весной - «Новости сети»
Вопреки ожиданиям, мартовская серия анонсов Apple оказалась без упоминания базового iPad с чипом A18, однако планы компании относительно этого устройства не изменились. Журналист Bloomberg Марк
23-03-2026, 10:30
Мировые автопроизводители массово отказываются от полного перехода на электротягу - «Новости сети»
Мировая автомобильная промышленность переживает масштабный разворот. По меньшей мере 12 крупных автопроизводителей приняли решение сократить планы по выпуску электромобилей. Причиной такого шага
23-03-2026, 10:30
Галлюцинации ИИ пугают людей больше, чем угроза потери рабочих мест - «Новости сети»
До сих пор считалось, что искусственный интеллект может представлять угрозу для трудоустройства обладателей определённых профессий, но проведённый среди пользователей Anthropic Claude опрос показал,
18-12-2025, 07:17
Аренда рекламных кабинетов
Мы предоставляем рекламодателям возможность арендовать проверенные рекламные кабинеты для прямого размещения рекламы. Это решение помогает снизить риски блокировок и облегчить взаимодействие с
9-12-2025, 15:14
Меню для доставки: Как адаптировать дизайн под «умную упаковку» и агрегаторы
Дизайн-студия Labus подготовила практическое руководство по созданию меню, которое увеличивает конверсию на маленьком экране и усиливает бренд через «умную упаковку».
21-10-2025, 18:27
Как выбрать между 1С:ERP Управление холдингом и 1С:Управление холдингом 8?
1с управление холдингом 8, 1c erp управление холдингом
2-05-2024, 08:05
Скачивание Reels из Instagram*: новые возможности и преимущества для пользователей
Теперь социальные медиа играют ключевую роль в повседневной жизни многих людей. Они становятся источником вдохновения, развлечения и информации.
25-04-2024, 01:19
Скачать приложение Betera на Android
Для установки неофициального софта на спортивные ставки, поскольку Google Play их не предлагает, следует выполнить несколько шагов: Найдите на сайте pm.by APK-файл программы через браузер вашего
25-04-2024, 01:09
Как купить паблик, группу или сообщество ВКонтакте и не прогадать
Купить паблик ВКонтакте – удобное и выгодное решение для тех, кто хочет сразу же начать зарабатывать на рекламе, быстро и гарантированно получить доход.
19-04-2023, 08:23
Причины популярности камеры GoPro и особенности современной техники
На данный момент камеры GoPro пользуются довольно большим спросом. В чем состоят причины их популярности.
15-03-2020, 12:20
? ССЫЛКА НА Maestro - «Видео уроки - CSS»
Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать
11-03-2020, 16:42
? ССЫЛКА НА CASHBIT - «Видео уроки - CSS»
Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать
9-03-2020, 16:14
4 урок из 42. На канале - «Видео уроки - CSS»
Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать
8-03-2020, 20:00
Напишите нам: work@uwebdesign.ru.Новый - «Видео уроки - CSS»
Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать
6-03-2020, 12:49
3 урок из 42. На канале - «Видео уроки - 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
|
Если вы вдруг случайно заметили, что одна из ссылок ведет не на ту страницу будьте так любезны сообщить нам - Обратная связь ....
Спасибо огромное..
Значение initial применяется для установки исходного значения свойства. Может пригодиться в нескольких случаях, к примеру, восстановить значения свойств, заданных браузером по умолчанию или задать начальное значение свойства, измененное в результате наследования. Ключевое слово initial добавлено в...
Ключевое слово, которое сообщает, что необходимо наследовать значение свойства у родительского элемента. Естественно, результат будет заметен только в том случае, если у родителя указанное свойство установлено....
Наряду с типами носителей в CSS3 включена поддержка различных технических параметров устройств, на основе которых требуется загружать те или иные стили. К примеру, можно определить смартфон с максимальным разрешением 640 пикселов и для него установить одни стилевые свойства, а для остальных...
Задаёт угол наклона. Положительное значение отмеряется по часовой стрелке, отрицательное против часовой стрелки....
Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из её названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами....
Адреса применяются для указания пути к файлу, например, для установки фоновой картинки на странице. Для этого применяется ключевое слово url() , внутри скобок пишется относительный или абсолютный адрес файла. При этом адрес можно задавать в необязательных одинарных или двойных кавычках....
Для задания размеров различных элементов, в CSS используются абсолютные и относительные единицы измерения. Абсолютные единицы не зависят от устройства вывода, а относительные единицы определяют размер элемента относительно значения другого размера....
Процентная запись обычно применяется в тех случаях, когда надо изменить значение относительно родительского элемента или когда размеры зависят от внешних условий. Так, ширина таблицы 100% означает, что она будет подстраиваться под размеры окна браузера и меняться вместе с шириной окна....
Значением может выступать целое число, содержащее цифры от 0 до 9 и десятичная дробь, в которой целая и десятичная часть разделяются точкой. Если число начинается с нуля, то его можно опустить (.5 вместо 0.5)....
Любые строки необходимо брать в двойные или одинарные кавычки. Если внутри строки требуется оставить одну или несколько кавычек, то можно комбинировать типы кавычек или добавить перед кавычкой слэш....
Используется для указания вычисляемого значения свойств, которые в качестве значений используют размер . Это позволяет задавать значения основанные на сложении или вычитании разных единиц измерений, например можно задать 100% - 20px. Если значение не может быть вычислено, оно игнорируется....
Функция attr() применяется для добавления значения атрибута HTML-элемента в стилевое свойство. Например, можно получить значение атрибута class , а затем использовать его в качестве значения свойства background для изменения цвета....
|
АВТОРИЗАЦИЯ
|
• Мы информационный портал, на котором публикуются новости веб-дизайна и мелкие хитрости, а так же информация и советы которые вам смогут помочь по созданию сайтов, шаблонов, и многое другое. Вы также сможете найти интересные уроки по CSS3, HTML5, jQuery, Photoshop и и многое другое, интересное, с интернет мира. Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не хочется." «Самоучитель CSS » → © Мы транслируем с 2006 года. Все для веб-дизайнера - CSS. Все материалы публикуют на сайте гости и пользователи сайта. Администрация сайта не несет ответственности за публикации. |
|