Заключение учебника по CSS

За десять прошедших уроков:

1. Учебник CSS (введение)
2. Внедряем CSS в HTML-документ
3. Разбираем CSS-код
4. Основные CSS-свойства
5. Значения CSS-свойств
6. Способы внедрения CSS-кода в HTML-документ
7. Внедрение CSS-кода с помощью тега <style>
8. Внедрение CSS-кода с помощью атрибута style
9. Внедрение CSS-кода с помощью тега <link>
10. Селекторы основы

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

Что мы научились делать?

a) Мы узнали, что изменять внешность элементов (тегов) HTML-страницы, можно с помощью языка CSS. CSS — это язык форматирования. Форматирование — это изменение внешнего вида.

б) Внедрять CSS-код в HTML-страницу можно тремя способами:
С помощью тегов <style> </style>, влияет на внешний вид тегов одной страницы.
С помощью атрибута style=" ", влияет на внешний вид одного тега.
С помощью тега <link>, влияет на внешний вид тегов всего сайта.

в) Немного затронули тему селекторов (выборки) и выяснили, что селекторы бывают трёх видов:
Имя тега: p, h1, a и т.д.
Атрибут класс: class="имяКласса"
Атрибут уникального идентификатора: id="имяУникальногоИдентификатора"

В CSS-коде селекторы выглядят так:
имяТега { }
.имяКласса { }
#имяУникальногоИдентификатора { }

г) Схема CSS-кода, выглядит следующим образом:

селектор { CSS-свойство: значение; }

Дополнительные знания

Помимо записи в столбик:

p { 
color: blue; 
font-size: 19px; 
font-family: Monospace; }

CSS-свойства можно записывать в строку:

p { color: blue; font-size: 19px; font-family: Monospace; }

И даже без пробелов:

p{color:blue;font-size:19px;font-family:Monospace;}

Главное, не забывайте ставить двоеточие : после CSS-свойства и точку с запятой ; после значения.

Комментарии в CSS-коде записываются между символами /* и */, пример:

/* Здесь располагают комментарии */

Это интересно знать

По-умолчанию, цвет шрифта у абзацев, заголовков и т.д. чёрный (black). Размер шрифта у абзаца равен 16 пикселям (16px), размер заголовка h1 равен 32 пикселя (32px). Имя шрифта по-умолчанию ‘Times New Roman’.

Вот примерно такими знаниями, должен обладать начинающий вебмастер изучающий язык CSS.

Что изучать дальше?

Чтобы хорошо освоить язык CSS, вам нужно:
1. Изучить все CSS-свойства, поищите в интернете Справочник CSS-свойств.
2. Более детально рассмотреть тему о селекторах CSS (на этом сайте есть специальный раздел посвящённый им).
3. Изучить псевдоклассы и псевдоэлементы.
4. Почитать различные статьи о CSS, которые освещают ту или иную тему о языке.

На данном этапе вы уже можете приступить к чтению учебника по языку программирования JavaScript.

По идее, после прочтения учебников по HTML и CSS, приступают к изучению вёрстки сайтов, но пока по этой теме я учебника ещё не написал, поэтому если вы всё же хотите изучить верстку, то можете поискать в интернете следующую информацию:
— блочная вёрстка сайтов (дивовая вёрстка сайтов),
— резиноввя вёрстка сайтов,
— адаптивная вёрстка сайтов (современная верстка).

Читать далее: Селекторы в CSS

• Category: CSS
• Tag: css, учебник css