Уроки по CSS Статьи по CSS

12

Что такое CSS, основные понятия
Автор Сергей Касаткин Дата 30 января 2013 16:49 Раздел Уроки / CSS
1. Что такое CSS (каскадная таблица стилей)?
2. Что можно делать с помощью CSS?
3. Преимущества использования CSS.
4. Пример CSS кода
 
Урок 1. Как подключить таблицу стилей CSS?
Автор Сергей Касаткин Дата 30 января 2013 16:49 Раздел Уроки / CSS
1. как создать css-файл (таблицу стилей)
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 свойств используем текст и попробуем его изменить: цвет, размер, положение, шрифт и тд. Практически на каждом сайте текст определённым образом декорируется для того, чтобы он был читабельным и не вызывал у пользователя раздражения, а наоборот, ощущение лёгкости.
 
Урок 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?
Автор Сергей Касаткин Дата 30 июня 2014 15:53 Раздел Уроки / CSS

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

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