Найти в Дзене
HTML и CSS

HTML и CSS

Работы с HTML CSS
подборка · 13 материалов
1 год назад
День 20: Обновление секции продукты и начало секции footer. Часть 1.
Первым делом я обновил неровное оформление раздела "продукты", что существенно улучшило его внешний вид. Теперь он выглядит намного лучше и более гармонично. Одним из ключевых моментов в улучшении дизайна стало использование свойства justify-content: space-around. Это свойство позволяет сделать отступы между элементами одинаковыми по бокам, исходя из отступа между двумя объектами...
1 год назад
День 19: Создание секции "отзывы", немного про элементы цитат, а также про псевдо-элементы
используется для вставки длинных цитат на страницу. Тег <blockquote> используется для вставки длинных цитат на страницу. Браузеры обычно отображают содержимое этого тега с отступом, что делает цитаты легко заметными на странице. Этот тег удобен для цитирования больших текстовых блоков, таких как абзацы или даже целые статьи Тег <cite> помечает текст как цитату или сноску на другой материал. Такое выделение удобно для изменения стиля текста через CSS, а также применяется для разделения кода HTML на структурные элементы...
1 год назад
День 18: Свойство Outline и Другие CSS-Свойства
В настоящее время, возможно, сложно сосредоточиться на программировании из-за личных обстоятельств, но давайте разберемся с некоторыми ключевыми понятиями CSS, которые могут помочь в будущем Свойство outline в CSS используется для создания внешнего контура вокруг элемента. Этот контур рисуется за пределами границы элемента и не влияет на его размеры...
1 год назад
День 17: Практические задания - продолжение
Используйте правильное свойство background, чтобы фоновое изображение НЕ прокручивалось вместе с остальной частью страницы. background-attachment: fixed Используйте свойство border стенографию, чтобы установить границу "4 пикселя", "пунктирную", "красную" для элементов <p>. border: 4px dotted red Используйте правильное свойство border, чтобы добавить закругленные границы к элементам <p>. border-radius Используйте свойство margin, чтобы выровнять элемент <h1> по центру. margin: auto Добавьте пробел в 25 пикселей снаружи, слева от элемента <div>...
1 год назад
День 16: Практические задания Потратил на изучение верстки всего лишь час, а может даже и меньше. Попрактиковался в написании кода на сайтах практических; где дают задание, а ты должен сделать его верным способом. Улучшилось понимание задач, которые мне дают, а также код, который нужно отредактировать, чтобы выглядело получше. Немного отскочил от того, что изучал, поскольку усталость дает о себе знать, но важно хотя бы что-то делать, дабы иметь дисциплину. Хоть CSS и простой сам по себе, но лучше не оставлять его на нынешнем уровне, лучше продвигаться дальше, закреплять, чтобы было все на интуитивном уровне и не вспоминать минутами с мыслями: "Вот мне нужно написать это, а как пишется?" - нет, мне нужно закрепить это. Помимо этой фотографии, я посещал ещё два сайта, но сюда больше одной фотографии нельзя отправить
1 год назад
День 15: Верстка секции с карточками Сегодня я работал над карточками, выстраивая их в ряд и продвигаясь дальше, несмотря на вчерашнюю неудачу. На это у меня ушло более двух часов, чтобы разобраться с тем, как выстраивать карточки в ряд с кнопкой над изображением и описанием под ним, а также чтобы все было ровно и красиво: что у меня, конечно же, не особо получилось. Кроме того, мне нужно было разместить кнопку в конце после всех изображений. Я использовал те же селекторы и модификаторы, что и в предыдущих уроках, без добавления новых. Оставалась лишь практика в правильной последовательности и формулировке. Ещё пришло осознание, что сложно писать статьи на эту тему, так как уже все разобрано и расписано, и повторяться нет смысла в новых статьях. Я понял, что самое сложное — начать, в данном случае загрузить первое изображение и от него отталкиваться, когда уже все настроил. Сейчас я посвящаю себя интуитивно-базовому знанию, анализу, а также задаю вопросы самому себе и почему ничего не получается. Все лучше начинаю схватывать и продвигаться в направлении веб-разработчика.