Введите ваш адрес почты


sdcvoy.ru
Понравился сайт? Поделись с друзьями!

Заключение. Что дальше?

Автор: Александр Побединский
CSS 2.1 Заключение

Вот и подошло к концу наше обучение по CSS 2.1. Надеюсь вам понравился данный раздел. Если у вас что-то не получается или что-то непонятно задавайте вопросы. Многие свойства, которые здесь описаны могут по разному отображаться в разных браузерах, а в устаревших и вовсе отсутствовать. Очень важно об ...

Слои в CSS. Свойство z-index

Автор: Александр Побединский

Приходит время и любой начинающий верстальщик или веб-разработчик сайтов сталкивается с такой проблемой, как слои. Хотя почему проблема? Если изучите этот урок никаких проблем возникнуть не должно. Слои в CSS накладываются друг на друга, то есть один блок может внезапно у вас закрыть другой и т.д. ...

Использование плавающих блоков в CSS

Автор: Александр Побединский
clear float

Для задания положения плавающего блока используется свойство float. Это учень удобный инструмент, особенно я бы рекомендовал его использовать для адаптивной верстки. Свойство float Это свойство определяет по какой стороне будет выровнен блок и будет ли он плавающим. Оно имеет следующие значения: ...

Позиционирование блоков

Автор: Александр Побединский

Благодаря позиционированию блоков мы можем расположить любой блок где угодно на страничке HTML документа. Существует два основных типа позиционирования, которыми пользуются веб-разработчики - это абсолютное и относительное позиционирование. Абсолютное позиционирование Вообще для позиционирования ...

Свойства width & height

Автор: Александр Побединский
width height

По умолчанию высота и ширина блоков в CSS устанавливается автоматически. Но что делать если нам необходимо задать определенный размер блока? Да никаких проблем! В этом нам помогут свойства CSS - height и width height - это свойство устанавливает высоту блока; width - это свойство ...

Свойства margin и padding

Автор: Александр Побединский
margin, padding

Поля блочного элемента задаются с помощью свойства margin, а отступы с помощью padding. Первое в отличие от второго задаёт как бы внешние отступы от каждого края элемента до внутренней границы родительского блока. Если такого элемента нет то оно задаёт поля от родительского блока до краёв самого ...

Границы блоков в CSS. Свойство border

Автор: Александр Побединский
Границы блоков. Свойство border

Границы блока задаются при помощи универсального свойства border. Оно позволяет одновременно задать толщину, стиль и цвет границы вокруг блочного элемента. Значения свойства записываются через пробел в любом порядке. Синтаксис написания имеет следующий вид: border: Давайте поговорим немного о ...

Блочная структура в CSS

Автор: Александр Побединский
Блоки в css

Чтобы лучше понять урок предлагаю вам немного отвлечься и вспомнить HTML. Если вспомните в нем различают два типа элементов - это блочные и строчные. Блочные элементы (h1-h6, p, div), в отличие от строчных (strong , em , i, b) нельзя расположить на одной строке. Они отделяются между собой абзацными ...

Применение псевдоэлементов

Автор: Александр Побединский
Псевдоэлементы в css

Псевдоэлементы позволяют применить стили к определенным участкам внутри элементов HTML. Порой это бывает очень удобно. Я например применял псевдоэлементы на этом сайте для выделения первой буквы в абзаце текста. Синтаксис написания аналогичен псевдоклассам: селектор:псевдоэлемент { свойство1: ...

Псевдоклассы в CSS

Автор: Александр Побединский
псевдоклассы в css

Псевдоклассы очень часто используются веб-разработчиками. Особенно их любят использовать, чтобы добиться нужного эффекта при выполнении какого-либо действия над ссылками. Например изменение цвета ссылки при наведении на неё курсором. Общий синтаксис написания для всех псевдоклассов имеет следующий ...


наверх