Как центрировать блок с помощью CSS? Подпишись, чтобы не терять нас! #html #css #javascript #вебразработка #вебразработчик #вебдизайн #фронтенд #бэкенд #разработкадизайна #программист #дизайнер #сайт
7 способов нарисовать крестик закрытия на чистом css
Конечно, можно просто запилить svg и вес небольшой и цвет менять можно, но это же скучно! Содержание: 1. Вариант с svg. Можно менять цвет, поворачивать <svg viewPort="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"> <line x1="1" y1="11" x2="11" y2="1" stroke="black" stroke-width="2"/> <line x1="1" y1="1" x2="11" y2="11" stroke="#000000" stroke-width="2"/> </svg> 2. С помощью псевдоклассов. По мне, самый устаревший способ. <div class="close"></div> <style> .close:before, .close:after { content: ""; position: absolute; width: 24px; height: 4px; background: #000000; } ...
Изучаем CSS display
Одним из важнейший CSS-свойств является display. Оно позволяет переопределять тип отображения элемента не изменяя семантику кода. Рассмотрим основные значения этого свойства: Задачи Задачи на добавление всего одной строки кода. Смотрите HTML-код, подумайте, какое CSS-свойство спасёт ситуацию. Поиграйтесь со значениями этого свойства. Все необходимые для выполнения задачи знания описаны в этой главе. 1. Напишите CSS-код, позволяющий скрыть этот элемент
Посмотреть задачу 2. Не меняя HTML-кода, сделайте так, чтобы каждое предложение начиналось с новой строки
Посмотреть задачу 3...