Материалы за Февраль 2015 года » Самоучитель CSS
Меню
Наши новости
Учебник 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

Видео уроки
Календарь
Архив новостей
Апрель 2024 (18)
Март 2024 (41)
Февраль 2024 (34)
Январь 2024 (33)
Декабрь 2023 (30)
Ноябрь 2023 (49)
Наш опрос



Наши новости

       
В середине февраля "Минсктранс" обрадовал минчан возвращением "виртуального табло" - на нем удобно отображается общественный транспорт Минска: можно увидеть, где в данный момент движется нужный вам автобус ......
Просмотров: 2 149
Комментариев: 0
В последние годы корпорация Google выступает ответчиком в нескольких судебных процессах в странах Европейского Союза, отстаивая свои права как на местном уровне, так и на уровне Еврокомиссии....
Просмотров: 2 166
Комментариев: 0
В настоящее время можно наблюдать усиление конкуренции между крупнейшими IT-компаниями в сегменте платежных сервисов. Сначала корпорация Apple презентовала свою систему платежей с идентификацией по отпечаткам пальцев....
Просмотров: 2 155
Комментариев: 0
Объявлен старт конкурса на лучшую визуализацию национальной кириллической доменной зоны. Логотип-победитель будет размещен на официальном сайте зоны .БЕЛ и использован в промо-продукции доменной зоны......
Просмотров: 2 307
Комментариев: 0
1 марта стартует первый этап приоритетной регистрации доменов в кириллической зоне .БЕЛ. В течение 3-х месяцев (с 1 марта по 31 мая) подать заявки на регистрацию доменов в зоне .БЕЛ смогут только владельцы ......
Просмотров: 2 129
Комментариев: 0
Леонард Нимой, известный, прежде всего, своей ролью вулканца Спока в фантастической саге Star Trek ("Звездный путь"), скончался в своем доме в Лос-Анджелесе, сообщает The New York Times. По ......
Просмотров: 2 197
Комментариев: 0
Несмотря на громкий скандал, разразившийся в связи с откровениями беглого агента АНБ Эдварда Сноудена, сравнительно немногие пользователи начали всерьез следить за своей анонимностью, выходя в интернет....
Просмотров: 2 077
Комментариев: 0
«Беспроводная революция» в интернете, связанная с быстрым падением цен на мобильный трафик, продолжается. Не так давно раздавались голоса, что уже скоро нас ожидает победа смартфонов и планшетов над десктопами....
Просмотров: 2 052
Комментариев: 0
Хакерская группировка Lizard Squad продолжает свою "подрывную" деятельность. Вслед за Facebook и Instagram последовал глобальный сайт ведущего мирового производителя ПК - Lenovo. Предположительно, именно ......
Просмотров: 2 253
Комментариев: 0
Численность пользователей, регулярно размещающих рекламу в самой массовой социальной сети, значительно возросла по сравнению с показателями полугодовой и полутора годовой давности....
Просмотров: 2 172
Комментариев: 0
Реализацию своей стратегии всемирной экспансии популярный потоковый видео сервис Netflix в ближайшей перспективе распространит и на Россию....
Просмотров: 1 976
Комментариев: 0
Национальный правовой интернет-портал опубликовал постановление ОАЦ № 6/8 от 19 февраля 2015 г., которое определяет порядок блокировки и разблокировки сайтов в Беларуси, а также ответственные за это госорганы......
Просмотров: 2 210
Комментариев: 0
Как сообщил Национальный центр реагирования на компьютерные инциденты Республики Беларусь (CERT.BY), ими выявлено вредоносное программное обеспечение, являющееся модернизированным типом известных ......
Просмотров: 2 116
Комментариев: 0
Нельзя сказать, что рынок поиска в сети интернет разделен окончательно и все признали победу Google за явным преимуществом. Всемирная паутина велика и разнообразна. Тут есть целые сегменты, не индексируемые ведущими поисковиками....
Просмотров: 2 036
Комментариев: 0
Появилась информация о том, что корпорация Google не отказалась от проекта создания «умных» очков. Как известно, в конце прошлого года проект Google Glass был приостановлен, однако руководство компании так и не выступило с официальным заявлением....
Просмотров: 2 241
Комментариев: 0
Министерство культуры России рассчитывает, что так называемый налог на интернет для пользователей Рунета будет введен уже в третьем квартале 2015 года, пишет "Российская газета". Целью ......
Просмотров: 2 224
Комментариев: 0
С момента изобретения всемирной паутины, и особенно в период её бурного развития, можно наблюдать активную дискуссию по вопросу разграничения прав пользователей и возможностей различных государственных ведомств по контролю происходящего в интернете. Споры об этом утихнут ещё не скоро....
Просмотров: 1 971
Комментариев: 0
Рынок поиска в современном интернете остается весьма конкурентным. Здесь могут рассчитывать на солидную долю только крупные и мощные компании, но и статус IT-гиганта также не дает преимуществ....
Просмотров: 1 994
Комментариев: 0
Интернет-мошенничество с каждым годом становится все более изощренным. На "нигерийские письма" и огромные выигрыши в лотереи пользователи уже практически не реагируют, поэтому злоумышленникам приходится ......
Просмотров: 2 127
Комментариев: 0
Когда во всемирной паутине появились поисковые машины, и стало ясно, что именно они основа современного интернета, появилась также отрасль SEO-оптимизации....
Просмотров: 2 104
Комментариев: 0
Видеоконференцию для веб-мастеров и редакторов, ведущих новостные сайты, провели сотрудники популярного онлайн-сервиса Google News....
Просмотров: 1 989
Комментариев: 0
Бурное развитие телекоммуникаций привело к смещению привычных ориентиров. Если раньше было понятно, какому типу контента соответствует тот или иной тип носителя, то теперь мы не удивляемся возможности «звонить по компьютеру» и «смотреть сериалы на телефоне»....
Просмотров: 1 969
Комментариев: 0
«Показать больше статей»
1 2 3



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

Ученые создали из графита материал с магнитной левитацией без внешнего питания - «Новости сети»

Магнитная левитация широко используется для скольжения без трения в игрушках, приборах, фурнитуре и даже в поездах (маглевах). Но всё это работает от внешних источников питания и иногда очень мощных,
11-04-2024, 00:00

«Яндекс» заявил, что победил Google в России на всех платформах - «Новости сети»

В интервью изданию «Коммерсантъ» глава поискового бизнеса «Яндекса» Дмитрий Масюк рассказал о победе над Google «на всех площадках» в отечественном рынке. Доля «Яндекса» на российском поисковом рынке
11-04-2024, 00:00

Telegram ежедневно используют 450 млн человек, а хотя бы раз в месяц — 900 млн - «Новости сети»

Павел Дуров сегодня снова заявил, что количество ежемесячных пользователей мессенджера Telegram достигло 900 миллионов человек. Вместе с тем Дуров отметил, что половина из этого числа пользуется
1-04-2024, 00:00

В WhatsApp для удобства переместили панель навигации вниз - «Новости сети»

Команда разработчиков мессенджера WhatsApp объявили в соцсети X об изменении дизайна приложения для устройств на платформе Android. В нём появилась новая нижняя панель навигации вместо находившейся в
1-04-2024, 00:00

Google излечит Pixel 8 от «заикания» при скроллинге, но только в Android 15 - «Новости сети»

Google сообщила об окончательном решении проблемы со скроллингом на смартфонах Google Pixel 8 в следующем крупном обновлении Android 15. Это должно навсегда устранить «заикание» при скроллинге,
1-04-2024, 00:00

Telegram запустил программу монетизации для владельцев крупных каналов - «Новости сети»

Telegram объявил о запуске программы монетизации для владельцев каналов. Авторы теперь могут получать 50 % дохода от рекламы, которая будет отображаться в их канале. Возможность размещения рекламы
30-03-2024, 00:00

Австралия стремительно превращается в свалку убитых солнечных панелей - «Новости сети»

Исследователи из Австралийского центра передовой фотовольтаики (ACAP) при Университете Нового Южного Уэльса (UNSW) бьют тревогу. Свежий анализ ситуации с растущим числом отходов от солнечных
30-03-2024, 00:00

Microsoft исправила баг Windows 11, который замедлял ПК с процессорами AMD Ryzen - «Новости сети»

Ранее на этой неделе Microsoft сделала общедоступным обновление Moment 5 (KB5035942) для операционной системы Windows 11 22H2 и Windows 11 23H2. Оно включает в себя не только новые функции, но также
30-03-2024, 00:00

В России появился второй разработчик ПО с состоянием больше 1 млрд долларов - «Новости сети»

Акции разрабатывающей Astra Linux «Группы Астра» резко выросли в цене, что сделало главу совета директоров компании Дениса Фролова вторым долларовым миллионером среди разработчиков программного
27-03-2024, 00:00

Vivo представила очень лёгкие смартфоны-книжки X Fold3 и X Fold3 Pro ценой от $970 до $1520 - «Новости сети»

Компания Vivo представила два новых складывающихся смартфона, выполненных в формате книжки — X Fold3 и X Fold3 Pro. Новинки получились значительно более тонкими, чем их прошлогодний предшественник X
27-03-2024, 00:00

FDA придётся объяснять, почему Neuralink разрешили экспериментировать на людях после халтурных экспериментов на животных - «Новости сети»

Член подкомитета Палаты представителей США по вопросам здравоохранения утверждает, что Управление по санитарному надзору за качеством пищевых продуктов и медикаментов США (FDA) преждевременно
27-03-2024, 00:00

Конференция Apple WWDC 2024 начнётся 10 июня — на ней представят ИИ для iPhone и не только - «Новости сети»

Компания Apple проведёт в июня конференцию для разработчиков Worldwide Developers Conference 2024 (WWDC 2024). Старт мероприятия назначен на 10 июня, и в рамках открывающей презентация компания
Причины популярности камеры GoPro и особенности современной техники
19-04-2023, 08:23

Причины популярности камеры GoPro и особенности современной техники

На данный момент камеры GoPro пользуются довольно большим спросом. В чем состоят причины их популярности.
? ССЫЛКА НА 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»

Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать не
 !      
 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  применяется для установки исходного значения свойства. Может пригодиться в нескольких случаях, к примеру, восстановить значения свойств, заданных браузером по умолчанию или задать начальное значение свойства, измененное в результате наследования. Ключевое слово ...
Просмотров: 7 464
Комментариев: 1
23-03-2016, 19:23
inherit
Рейтинг:
Категория: Справочник CSS
Ключевое слово, которое сообщает, что необходимо наследовать значение свойства у родительского элемента. Естественно, результат будет заметен только в том случае, если у родителя указанное свойство установлено....
Просмотров: 7 225
Комментариев: 3
23-03-2016, 19:17
Медиа-запросы
Рейтинг:
Категория: Справочник CSS
Наряду с типами носителей в CSS3 включена поддержка различных технических параметров устройств, на основе которых требуется загружать те или иные стили. К примеру, можно определить смартфон с максимальным разрешением 640 пикселов и для него установить одни стилевые свойства, а для остальных...
Просмотров: 6 832
Комментариев: 3
23-03-2016, 19:14
Угол
Рейтинг:
Категория: Справочник CSS
Задаёт угол наклона. Положительное значение отмеряется по часовой стрелке, отрицательное против часовой стрелки....
Просмотров: 7 478
Комментариев: 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 заменены латинскими буквами....
Просмотров: 7 585
Комментариев: 2
23-03-2016, 19:07
Адрес
Рейтинг:
Категория: Справочник CSS
Адреса применяются для указания пути к файлу, например, для установки фоновой картинки на странице. Для этого применяется ключевое слово  url() , внутри скобок пишется относительный или абсолютный адрес файла. При этом адрес можно задавать в необязательных одинарных или двойных кавычках....
Просмотров: 9 890
Комментариев: 2
23-03-2016, 19:06
Размер
Рейтинг:
Категория: Справочник CSS
Для задания размеров различных элементов, в CSS используются абсолютные и относительные единицы измерения. Абсолютные единицы не зависят от устройства вывода, а относительные единицы определяют размер элемента относительно значения другого размера....
Просмотров: 8 630
Комментариев: 3
23-03-2016, 19:05
Проценты
Рейтинг:
Категория: Справочник CSS
Процентная запись обычно применяется в тех случаях, когда надо изменить значение относительно родительского элемента или когда размеры зависят от внешних условий. Так, ширина таблицы 100% означает, что она будет подстраиваться под размеры окна браузера и меняться вместе с шириной окна....
Просмотров: 7 032
Комментариев: 1
23-03-2016, 19:04
Числа
Рейтинг:
Категория: Справочник CSS
Значением может выступать целое число, содержащее цифры от 0 до 9 и десятичная дробь, в которой целая и десятичная часть разделяются точкой. Если число начинается с нуля, то его можно опустить (.5 вместо 0.5)....
Просмотров: 7 332
Комментариев: 3
23-03-2016, 19:03
Строки
Рейтинг:
Категория: Справочник CSS
Любые строки необходимо брать в двойные или одинарные кавычки. Если внутри строки требуется оставить одну или несколько кавычек, то можно комбинировать типы кавычек или добавить перед кавычкой слэш....
Просмотров: 6 534
Комментариев: 3
23-03-2016, 18:51
calc()
Рейтинг:
Категория: Справочник CSS
Используется для указания вычисляемого значения свойств, которые в качестве значений используют  размер . Это позволяет задавать значения основанные на сложении или вычитании разных единиц измерений, например можно задать 100% - 20px. Если значение не может быть вычислено, оно...
Просмотров: 7 275
Комментариев: 3
23-03-2016, 18:50
Функция attr()
Рейтинг:
Категория: Справочник CSS
Функция  attr()  применяется для добавления значения атрибута HTML-элемента в стилевое свойство. Например, можно получить значение атрибута  class , а затем использовать его в качестве значения свойства  background  для изменения цвета....
Просмотров: 7 883
Комментариев: 3