Введение в CSS - для новичков.
CSS (Cascading Style Sheets) - это язык стилей, используемый для описания внешнего вида документа, написанного на языке разметки, таком как HTML. CSS описывает, как элементы должны отображаться на экране, на бумаге, в речи или на других медиа. Синтаксис CSS Стиль CSS состоит из списка правил. Каждое правило или набор правил состоит из одного или нескольких селекторов и блока деклараций. Например: CSS h1 { color: blue; font-size: 12px; } В этом примере, h1 - это селектор, color и font-size - это свойства, а blue и 12px - это значения этих свойств...
Учебник по основам CSS для начинающих
Автор:WebForMySelf Видеокурс по CSS для начинающих. При верстке веб-страниц HTML отвечает за разметку страницы, то есть за ее построение. А за оформление страницы, то есть за ее дизайн и внешний вид, отвечает CSS. Используя css свойства и их значения, мы назначаем шрифт, размер текста и его начертания, указываем фоновые цвета либо изображения для блоков, назначаем внешний вид границ элементов, их размеры и отступы, управляем видимостью блоков и их позиционированием, и многое-многое другое, что связано с оформлением внешнего вида страницы...
177 читали · 4 года назад
Все о тексте в HTML и CSS
Текст - это неотъемлемый элемент сайта, который занимает большую часть сайта и несет некоторое количество информации. Не оформив весь текст на вашем сайте, весь сайт будет смотреться не совсем привлекательно, т.к. смотреть на текст, который не форматирован, не очень приятно для глаза. Поэтому в этой статье я научу вас вставлять текст , создавать абзацы, изменять размер и шрифт текста и научу как использовать не только кастомные шрифты (их на самом деле очень много в конце текста). Текст в HTML 1...
2384 читали · 3 года назад
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; } ...