CSS » Самоучитель 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

---------------

Календарь
Архив новостей
Январь 2025 (6)
Декабрь 2024 (44)
Ноябрь 2024 (38)
Октябрь 2024 (35)
Сентябрь 2024 (60)
Август 2024 (44)
Наш опрос



Наши новости

       
Вокруг переменных и с их непосредственным участием происходят главные события в любой программе. По этой причине каждому кодокопателю в обязательном порядке необходимо уметь находить переменные и определять их тип. Именно этим увлекательным процессом мы сегодня и займемся....
Просмотров: 623
Комментариев: 0
В этом райтапе я продемонстрирую технику TTY hijacking, которая позволяет захватить сессию терминала суперпользователя. Также проэксплуатируем path traversal для получения доступа к исходному коду приложения на Node.js, украдем сессию пользователя через создание cookie и применим слепую инъекцию...
Просмотров: 370
Комментариев: 0
В этой статье речь пойдет об уязвимости, позволяющей выполнить локальное повышение привилегий (LPE) в операционных системах семейства Windows. Баг напрямую связан с NTLM-аутентификацией, поэтому сначала поговорим о том, как она устроена, а потом перейдем непосредственно к разбору CVE-2023-21746....
Просмотров: 284
Комментариев: 0
Как известно, даже инструменты для обеспечения сетевой безопасности могут иметь серьезные уязвимости. В этой статье мы разберем, как злоумышленник может взломать межсетевой экран FortiGate и установить в его прошивке бэкдор....
Просмотров: 260
Комментариев: 0
Электронные кошельки Google Pay, Samsung Pay и Apple Pay считаются наиболее современными платежными инструментами. Однако они тоже подвержены уязвимостям, поскольку все еще зависят от технологий, созданных тридцать лет назад. В сегодняшней статье я расскажу о методах взлома популярных электронных...
Просмотров: 763
Комментариев: 0
Работая в терминале, мы управляем сценариями PowerShell с помощью параметров, которые указываются в командной строке при их вызове. Если с нашим сценарием будут работать обычные пользователи, то, добавив к нему простой графический интерфейс, можно избавить их от необходимости вводить названия...
Просмотров: 623
Комментариев: 0
В этом райтапе я покажу, как использовать инъекцию команд в LaTeX, чтобы прочитать файлы на сервере и получить критически важные данные. Затем повысим привилегии через gnuplot....
Просмотров: 291
Комментариев: 0
Антивирусы и системы EDR становятся всё навороченнее и даже используют машинное обучение для более точного детектирования. Но у авторов малвари по‑прежнему остаются способы обойти все проверки. В этой статье я покажу несколько техник и инструментов, которые применяют злоумышленники....
Просмотров: 227
Комментариев: 0
Виртуальный сервер годится для решения очень многих задач, тем более что стоит его аренда недорого. Если ты пользуешься VDS, обязательно обрати внимание на этот небольшой чек-лист, по которому нужно пройтись после покупки виртуального сервера. Если проигнорировать эти простые правила, в...
Просмотров: 679
Комментариев: 0
Когда простых идентификаторов для контроля доступа становится недостаточно, многие думают о внедрении более совершенного решения — Mifare. Но так ли эти устройства безопасны, как обещает производитель? Попробуем разобраться!...
Просмотров: 329
Комментариев: 0
Заразные флешки продолжают быть проблемой для безопасников. Чтобы ты был подготовлен к борьбе с этой напастью, мы собрали и сравнили несколько популярных бесплатных утилит для форензики подключаемых USB-устройств....
Просмотров: 506
Комментариев: 0
В 2022 году несколько антивирусных компаний опубликовали обзоры написанного на C бекдора из семейства PlugX под названием Talisman. На примере этого трояна мы разберем, как выполняется динамический и статический анализ вредоносного ПО, а также создадим собственные сигнатуры для детектирования...
Просмотров: 520
Комментариев: 0
Настоящие воины Linux общаются с командной строкой ежедневно, а некоторые в ней просто живут. В очередной подборке я собрал утилиты, которые облегчат эту жизнь, сделают ее ловчее и веселее. Наибольшую пользу эти тулзы принесут сисадмину и хакеру, но и простой юзер для себя кое-что найдет. В общем,...
Просмотров: 580
Комментариев: 0
Наверняка читатели «Хакера» хотя бы однажды задавались вопросом: можно ли самостоятельно собрать недорогое устройство, которое будет что‑нибудь взламывать по нажатию одной кнопки? А если и вовсе без кнопки, само, автоматически? Можно! Встречайте Pwnagotchi: самодельный хакерский девайс для взлома...
Просмотров: 375
Комментариев: 0
В этом райтапе я покажу, как искать и эксплуатировать уязвимости use after free и path hijacking для повышения прав в системе. А для начала заюзаем SSRF для отправки фишинговой ссылки с вредоносным макросом, чтобы проникнуть на хост....
Просмотров: 310
Комментариев: 0
Сегодня мы поговорим об основных артефактах Windows, которые помогают исследователю обнаружить вектор компрометации, признаки бокового перемещения по сети и закрепления в системе, а также разберем тонкости работы с инструментами для анализа этих артефактов....
Просмотров: 364
Комментариев: 0
Windows предоставляет мощные инструменты для установки точек останова непосредственно в памяти. Но знаешь ли ты, что с их помощью можно ставить и снимать хуки, а также получать сисколы? В этой статье я в подробностях расскажу, как это делать....
Просмотров: 180
Комментариев: 0
По статистике значительная часть заражений малварью происходит из‑за того, что пользователь сам запустил на своей машине вредоносный файл. Именно в этом и заключается основная задача злоумышленников, использующих социальную инженерию. Давай посмотрим, какие технические уловки и хитрости они...
Просмотров: 370
Комментариев: 0
С чего начинается атака на сервер? Правильно, с разведки! Сканеров портов существует множество, и они быстро и эффективно справляются со своей задачей. Но настоящий хакер должен понимать, как работают его любимые инструменты, так что сегодня мы в учебных целях напишем собственный сканер, и я...
Просмотров: 727
Комментариев: 0
Чтобы не слишком удачная фотография заиграла новыми красками, нужно долго редактировать ее в «Фотошопе» или воспользоваться возможностями нейросетей. В этой статье мы подготовим виртуальную машину VirtualBox с операционной системой Lubuntu 16.04, установим на нее программы нейронных сетей...
Просмотров: 285
Комментариев: 0
Сегодня нам с тобой предстоит пройти через череду очень сложных веб‑уязвимостей, проэксплуатировав двухступенчатую SQL-инъекцию и уязвимость в модуле PHP Imagick. Для продвижения изучим Git-репозиторий, а для повышения привилегий напишем читалку файлов через пользовательский сканер....
Просмотров: 311
Комментариев: 0
В этой статье мы получим доступ к веб‑серверу через RCE-уязвимость и эксплуатацию SQL-инъекции в PostgreSQL. Затем воспользуемся фреймворком Jupyter для выполнения произвольного кода и повысим привилегии в SatTrack....
Просмотров: 280
Комментариев: 0
«Показать больше статей»
1 2 3 4 5 6 7 8 9 10 ... 372



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

AMD представила лучший в мире процессор для геймеров и творцов — Ryzen 9 9950X3D - «Новости сети»

Компания AMD представила «лучший в мире процессор для геймеров и творцов» — Ryzen 9 9950X3D, который оснащён 16 ядрами Zen 5 и дополнительной кеш-памятью 3D V-Cache второго поколения. Одновременно
Сегодня, 00:00

AMD представила мобильные чипы Ryzen AI Max — их встроенная графика быстрее RTX 4090 в ИИ - «Новости сети»

Компания AMD в рамках масштабной презентации на CES 2025 представила множество новых процессоров, включая чипы серий Ryzen AI Max и Ryzen AI Max PRO для производительных ноутбуков с ИИ-функциями.
Сегодня, 00:00

AMD представила процессоры Ryzen Z2 на трёх разных архитектурах для портативных приставок - «Новости сети»

Компания AMD представила новую серию процессоров Ryzen Z2, оптимизированных для портативных игровых приставок. В новое семейство вошли три м одели: старшая Ryzen Z2 Extreme, средняя Ryzen Z2 и
30-12-2024, 00:00

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

В ближайшие годы традиционные бумажные паспорта могут стать пережитком прошлого. Вместо них на смену придут технологии распознавания лиц и смартфоны, которые в целом уже готовы стать новым
30-12-2024, 00:00

VR-гарнитуры Quest массово ломаются из-за «проблемы с обновлением ПО» — Meta✴ пообещала всё исправить - «Новости сети»

Компания Meta[ur_=#mark-extr]✴[/ur_] Platforms обновила информацию на сайте поддержки гарнитур виртуальной реальности Quest, сообщив, что существует «проблема с обновлением программного
30-12-2024, 00:00

Huawei ворвалась на рынок потребительских SSD с eKitStore Xtreme 200E по удивительно низкой цене - «Новости сети»

Компания Huawei начала продажи в Южной Корее потребительских твердотельных NVMe-накопителей eKitStore Xtreme 200E стандарта PCIe 4.0. Модель накопителя объёмом 1 Тбайт в настоящий момент
26-12-2024, 00:00

Китайский автопром столкнулся с системным кризисом из-за неплатежей и ценовой войны - «Новости сети»

В качестве примера некоторых деструктивных процессов, проходящих в китайской автомобильной промышленности, издание DigiTimes привело историю бренда Ji Yue, который совместными усилиями стараются
26-12-2024, 00:00

Опубликованы снимки печатной платы Nvidia GeForce RTX 5090 с большим чипом GB202 - «Новости сети»

В интернет утекло первое фото печатной платы GeForce RTX 5090 — флагманской игровой видеокарты серии Nvidia Blackwell. Официальная презентация новинки состоится в начале следующего месяца, а
26-12-2024, 00:00

Лампа накаливания снова в деле — физики увидели в ней основу мультиспектрального машинного зрения - «Новости сети»

Учёные из Университета штата Мичиган стряхнули пыль с ламп накаливания, увидев в них основу для мультиспектрального машинного зрения. В природе свет несёт гораздо больше информации об окружающих
21-12-2024, 00:00

Samsung утратила лидерство в сфере дорогущих огромных телевизоров, но всё равно зарабатывает на них больше всех - «Новости сети»

Некогда бесспорный лидер на рынке телевизоров премиум-класса со сверхбольшими экранами Samsung Electronics теряет позиции под натиском китайских брендов, таких как TCL и Hisense, пишет южнокорейский
Скачивание Reels из Instagram*: новые возможности и преимущества для пользователей
2-05-2024, 08:05

Скачивание Reels из Instagram*: новые возможности и преимущества для пользователей

Теперь социальные медиа играют ключевую роль в повседневной жизни многих людей. Они становятся источником вдохновения, развлечения и информации.
Как купить паблик, группу или сообщество ВКонтакте и не прогадать
25-04-2024, 01:09

Как купить паблик, группу или сообщество ВКонтакте и не прогадать

Купить паблик ВКонтакте – удобное и выгодное решение для тех, кто хочет сразу же начать зарабатывать на рекламе, быстро и гарантированно получить доход.
Причины популярности камеры 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»

Вся информация размещенная на сайте предназначена исключительно в ознакомительных целях и ошибки в учении не кто не отменял .. Как говориться - "Не бойся, когда не знаешь: страшно, когда знать
 !      
 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 применяется для установки исходного значения свойства. Может пригодиться в нескольких случаях, к примеру, восстановить значения свойств, заданных браузером по умолчанию или задать начальное значение свойства, измененное в результате наследования. Ключевое слово initial добавлено в...
Просмотров: 7 743
Комментариев: 1
23-03-2016, 19:23
inherit
Рейтинг:
Категория: Справочник CSS
Ключевое слово, которое сообщает, что необходимо наследовать значение свойства у родительского элемента. Естественно, результат будет заметен только в том случае, если у родителя указанное свойство установлено....
Просмотров: 7 486
Комментариев: 3
23-03-2016, 19:17
Медиа-запросы
Рейтинг:
Категория: Справочник CSS
Наряду с типами носителей в CSS3 включена поддержка различных технических параметров устройств, на основе которых требуется загружать те или иные стили. К примеру, можно определить смартфон с максимальным разрешением 640 пикселов и для него установить одни стилевые свойства, а для остальных...
Просмотров: 7 113
Комментариев: 3
23-03-2016, 19:14
Угол
Рейтинг:
Категория: Справочник CSS
Задаёт угол наклона. Положительное значение отмеряется по часовой стрелке, отрицательное против часовой стрелки....
Просмотров: 7 857
Комментариев: 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 заменены латинскими буквами....
Просмотров: 8 004
Комментариев: 2
23-03-2016, 19:07
Адрес
Рейтинг:
Категория: Справочник CSS
Адреса применяются для указания пути к файлу, например, для установки фоновой картинки на странице. Для этого применяется ключевое слово url() , внутри скобок пишется относительный или абсолютный адрес файла. При этом адрес можно задавать в необязательных одинарных или двойных кавычках....
Просмотров: 10 557
Комментариев: 2
23-03-2016, 19:06
Размер
Рейтинг:
Категория: Справочник CSS
Для задания размеров различных элементов, в CSS используются абсолютные и относительные единицы измерения. Абсолютные единицы не зависят от устройства вывода, а относительные единицы определяют размер элемента относительно значения другого размера....
Просмотров: 8 891
Комментариев: 3
23-03-2016, 19:05
Проценты
Рейтинг:
Категория: Справочник CSS
Процентная запись обычно применяется в тех случаях, когда надо изменить значение относительно родительского элемента или когда размеры зависят от внешних условий. Так, ширина таблицы 100% означает, что она будет подстраиваться под размеры окна браузера и меняться вместе с шириной окна....
Просмотров: 7 284
Комментариев: 1
23-03-2016, 19:04
Числа
Рейтинг:
Категория: Справочник CSS
Значением может выступать целое число, содержащее цифры от 0 до 9 и десятичная дробь, в которой целая и десятичная часть разделяются точкой. Если число начинается с нуля, то его можно опустить (.5 вместо 0.5)....
Просмотров: 7 596
Комментариев: 3
23-03-2016, 19:03
Строки
Рейтинг:
Категория: Справочник CSS
Любые строки необходимо брать в двойные или одинарные кавычки. Если внутри строки требуется оставить одну или несколько кавычек, то можно комбинировать типы кавычек или добавить перед кавычкой слэш....
Просмотров: 6 781
Комментариев: 3
23-03-2016, 18:51
calc()
Рейтинг:
Категория: Справочник CSS
Используется для указания вычисляемого значения свойств, которые в качестве значений используют размер . Это позволяет задавать значения основанные на сложении или вычитании разных единиц измерений, например можно задать 100% - 20px. Если значение не может быть вычислено, оно игнорируется....
Просмотров: 7 532
Комментариев: 3
23-03-2016, 18:50
Функция attr()
Рейтинг:
Категория: Справочник CSS
Функция attr() применяется для добавления значения атрибута HTML-элемента в стилевое свойство. Например, можно получить значение атрибута class , а затем использовать его в качестве значения свойства background для изменения цвета....
Просмотров: 8 212
Комментариев: 3