Селектор — это просто правило: «возьми вот эти элементы и примени к ним такие стили». Браузер читает селектор, ищет в HTML подходящие элементы и красит/ставит отступы/меняет размеры. Разберём три самых частых случая. Селектор по тегу: ко всем элементам этого типа Пишешь имя тега — и правило срабатывает для всех таких элементов на странице. css p { color: […]
  Загрузка... |
Просмотров: 5 | Читать статью |
Есть три способа «подружить» CSS с HTML. Разберём каждый на коротком примере и сразу скажем, где он уместен. 1. Inline‑стили: прямо в теге Пишешь стили прямо в HTML‑элементе через атрибут style. html <h1 style=»color: #2b5e8b; font-family: Arial, sans-serif;»>Заголовок</h1> <p style=»line-height: 1.6; color: #333;»>Текст.</p> <button style=»background-color: #4facf9; color: white; border: none; padding: 10px 20px; border-radius: 6px;»>Кнопка</button> […]
| Загрузка... |
Просмотров: 5 | Читать статью |
HTML — это список того, что есть на странице: заголовок, абзац, кнопка. CSS — это инструкции, как всё это показать: какого цвета, какого размера, где стоит. Представь, что HTML — это манекен, а CSS — одежда. Манекен один и тот же, но в футболке он выглядит как повседневный вариант, а в костюме — как деловой. […]
| Загрузка... |
Просмотров: 6 | Читать статью |
У меня форум на forum.rcl-radio.ru, движок PunBB, база через PDO, PHP 7.4 — в общем, классика, которая вроде бы работает, но как только пытаешься что-то добавить сбоку, сразу начинаются танцы с бубном. Идея была простая: пусть люди заходят не через форму логина, а кнопкой «Войти с Яндексом». Я думал, что самое сложное — это разобраться с OAuth […]
| Загрузка... |
Просмотров: 12 | Читать статью |
SSL/TLS и HTTPS — это фундамент безопасности современного веба. Разберём, что это такое, как работает «под капотом», какие бывают сертификаты и что реально нужно знать разработчику. В чём разница между SSL и TLS Исторически первым был SSL (Secure Sockets Layer), но в нём нашли серьёзные уязвимости. Сейчас везде используют TLS (Transport Layer Security). При этом […]
| Загрузка... |
Просмотров: 6 | Читать статью |