Уроки по CSS Статьи по CSS
12
Что такое CSS, основные понятия
![]() | Автор Никита Иванов |
![]() | Дата 30 января 2013 16:49 |
![]() | Раздел Уроки / CSS |
1. Что такое CSS (каскадная таблица стилей)?
2. Что можно делать с помощью CSS?
3. Преимущества использования CSS.
4. Пример CSS кода
2. Что можно делать с помощью CSS?
3. Преимущества использования CSS.
4. Пример CSS кода
Урок 1. Как подключить таблицу стилей CSS?
![]() | Автор Никита Иванов |
![]() | Дата 30 января 2013 16:49 |
![]() | Раздел Уроки / CSS |
1. как создать css-файл (таблицу стилей)
2. внешняя таблица стилей
3. внутренняя таблица стилей
4. встроенная таблица стилей
2. внешняя таблица стилей
3. внутренняя таблица стилей
4. встроенная таблица стилей
Урок 2. Селекторы и правила CSS
![]() | Автор Никита Иванов |
![]() | Дата 07 июля 2013 13:18 |
![]() | Раздел Уроки / CSS |
Как и любой другой язык, CSS имеет свой предельно простой синтаксис. Состоит всего из двух вещей: селектора (выбор объекта, которому мы придадим свойства - цвет, размер и тд) и блока стилей (а тут описываем сами свойства объекта - те цвет, размер и тд).
Урок 3. Псевдоклассы и псевдоэлементы
![]() | Автор Никита Иванов |
![]() | Дата 30 июля 2013 13:06 |
![]() | Раздел Уроки / CSS |
Важную роль в изучении CSS составляют псевдоклассы и псевдоэлементы. Они используются при проработке дизайна практически всех сайтов, исключение могут составить только старые сайты. Псевдоклассы и псевдоэлементы очень нужны при составлении красивого оформления.
Урок 4. Оформление и декор текста в CSS
![]() | Автор Никита Иванов |
![]() | Дата 02 августа 2013 14:33 |
![]() | Раздел Уроки / CSS |
В данном уроке мы рассмотрим CSS свойства, которые позволят работать непосредственно с web-документом и с его элементами - создавать, изменять, убирать определённые свойства, придающие внешний вид.
В качестве первого примера работы CSS свойств используем текст и попробуем его изменить: цвет, размер, положение, шрифт и тд. Практически на каждом сайте текст определённым образом декорируется для того, чтобы он был читабельным и не вызывал у пользователя раздражения, а наоборот, ощущение лёгкости.
В качестве первого примера работы CSS свойств используем текст и попробуем его изменить: цвет, размер, положение, шрифт и тд. Практически на каждом сайте текст определённым образом декорируется для того, чтобы он был читабельным и не вызывал у пользователя раздражения, а наоборот, ощущение лёгкости.
Урок 5. Выравнивание текста в CSS
![]() | Автор Никита Иванов |
![]() | Дата 11 августа 2013 22:25 |
![]() | Раздел Уроки / CSS |
В данном уроке Вашему вниманию предлагаю средства CSS, благодаря которым можно выравнивать текст. Для этого в CSS есть свойство text-align. Рассмотрим подробнее все четыре значения и пример работы выравнивания (в конце статьи).
Урок 6. Отступы и поля в CSS. Что такое margin и padding?
![]() | Автор Никита Иванов |
![]() | Дата 13 мая 2014 16:19 |
![]() | Раздел Уроки / CSS |
Сразу определю - это очень важный урок. После его изучения Вы сможете располагать элементы на странице, задавать между ними отступы, создавать их внутри отдельного конкретного блока, задавать поля.
Урок 7. Рамка элемента CSS
![]() | Автор Никита Иванов |
![]() | Дата 19 мая 2014 17:42 |
![]() | Раздел Уроки / CSS |
Практически на каждом на сайте используется свойство, которое создаёт вокруг элемента рамку. Она нужна либо для кнопок, либо для блоков с текстом. Для создания рамки у элемента в CSS есть два свойства: border и outline. Рассмотрим их.
Урок 8. Как установить цвет текста и фон элемента в CSS?

Одна из самых распространённых задач при редактировании текста и блоков в HTML и CSS. С ней может столкнуться не только верстальщик, но и любой контент-менеджер, который редактирует содержимое сайта. Для решения данного вопроса используется всего два свойства: color - цвет текста, background - работа с фоном, цвет или изображение.
![]() | Автор Никита Иванов |
![]() | Дата 30 июня 2014 15:53 |
![]() | Раздел Уроки / CSS |

Одна из самых распространённых задач при редактировании текста и блоков в HTML и CSS. С ней может столкнуться не только верстальщик, но и любой контент-менеджер, который редактирует содержимое сайта. Для решения данного вопроса используется всего два свойства: color - цвет текста, background - работа с фоном, цвет или изображение.
Урок 9. Ширина и высота в CSS

Большинству элементов в HTML, как правило, присваивается определённая высота и ширина. Задать данные параметры в CSS достаточно легко, а как результат - практично. Используются для этого уже известные Вам свойства height и width. Однако, в данном уроке мы ещё поговорим о не фиксированной ширине и высоте или резиновой, то есть в зависимости от ширины самого окна. Приступим)
![]() | Автор Никита Иванов |
![]() | Дата 02 марта 2015 17:42 |
![]() | Раздел Уроки / CSS |

Большинству элементов в HTML, как правило, присваивается определённая высота и ширина. Задать данные параметры в CSS достаточно легко, а как результат - практично. Используются для этого уже известные Вам свойства height и width. Однако, в данном уроке мы ещё поговорим о не фиксированной ширине и высоте или резиновой, то есть в зависимости от ширины самого окна. Приступим)
12