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

CSS

Материал по CSS
подборка · 6 материалов
3 года назад
Селекторы. Виды селекторов
Селекторы — это часть правила CSS, которые позволяют определить к какому элементу веб страницы следует применять правила. Они могут быть: простыми, сложными, составными (список селекторов). К простым селекторам относятся: Простые селекторы Классы задаются элементам с помощью атрибута class=»имя_класса». Например:<div class=»content»> Блок с основным контентом </div> Главная и отличительная особенность классов в том, что один класс может быть присвоен  нескольким тегам одновременно. Соответственно...
3 года назад
Ширина и высота элементов в CSS
Ширина содержимого: свойство width. С помощью свойства width можно задать ширину содержимого блока. Данное свойство нельзя применить к строчным элементам. Ширина содержимого строчных элементов определятся исходя из ширины их одержимого. !!! Отрицательные значения не допускаются. !!! Свойство не наследуется дочерними элементами. Значения свойства width: Синтаксис свойства:width: 100px; width: 10em; width: 50%; width: auto; width: inherit; Минимальная и максимальная ширина. Для задания максимальной и минимальной ширины используются свойства max-width и min-width...
3 года назад
Псевдоклассы CSS
Псевдоклассы CSS позволяют изменять динамическое состояние элемента веб страницы. В качестве динамического состояния может выступать нажатие на элемент, наведение курсора и тп. Внешний вид элементов изменяется с помощью селекторов. Но что если вам необходимо в таблице изменить все четные строки. То есть добавить цветную заливку или изменить в них цвет текста. Можно прописать класс для каждой четной строки вручную, но это займет время и увеличит размер страницы. Простым решением будет использовать псевдокласс :nth-child(even) для селектора tr...
3 года назад
Основы CSS
Основы CSS Язык CSS — представляет собой набор правил. Данные правила применяются к определенному объекту веб-страницы. Это служит для задания особенностей вывода объекта на экран. Основы CSS включают в себя правила написания селекторов. А так же вес селекторов и их отличия друг от друга. Каждый набор правил состоит из свойств и их значений. То есть отдельный правил CSS , которые имеют вид: свойство: значение; Итак, итоговый формат записи правила CSS имеет вид: селектор {свойство: значение;} Возможен...
3 года назад
Блочные и строчные элементы CSS3
В языке HTML выделяют две основные категории элементов. данные категории соответствуют типам их содержимого и поведению в структуре веб-страницы. Это блочные и строчные элементы. Блочные элементы используются для создания структуры страницы. Строчные же используются для форматирования текстовых фрагментов веб-страницы. Весь HTML документ организован в виде дерева элементов. В то же время модель CSS представляет собой алгоритм, обрабатывающий HTML документ. Каждый блок в дереве — это соответствующий элемент или псевдоэлемент...
3 года назад
Выпадающее меню на CSS
Перед написанием стилей для выпадающего меню необходимо создать структуру HTML документа. Данная структура будет представлять из себя обычный скелет сайта с добавленными тегами для меню. Меню будем создавать используя списки <UL> или <OL>. Итак приступим к написанию основной структуры сайта <!DOCTYPE html> <html> <head> <title> Выпадающее меню на CSS </title> </head> <body> </body> После того как написали основную структуру сайта необходимо создать структуру нашего меню. Для начала...