Основы CSS и html – всё на примерах

CSS

скачать бесплатно – ” HTML на примерах, всё доступно и просто (для начинающих)”
– – –чайник, HTML ДЛЯ ЧАЙНИКОВ– – –
>> с к а ч а т ь <<

скачать бесплатно – “Как создать классный сайт!
От начала и до конца”
чайник, HTML ДЛЯ ЧАЙНИКОВ—>> с к а ч а т ь <<

основы css и html
Короткий курс по изучению CSS предназначен для чайников ( начинающих).
Прежде чем мы приступим к изучению основам CSS, давайте проанализируем, что такое CSS и куда его можно применить.

CSS – это Каскадные Таблицы Стилей. CSS применяется для дизайна и построение сайта. В CSS файле хранятся все настройки дизайна сайта.
Самый огромный плюс в CSS, это быстрота в изменений дизайна. Вы явно меня не поняли что я хотел этим сказать? Давайте рассмотрим на примере.

Ваш сайт сделан на HTML, который состоит из 10-ка тысяч страниц. Чтобы поменять дизайн сайта или изменить шрифт, размер текста и т.д. вам бы пришлось вносить изменение в каждую страницу, а это не 2-е и не 20-ть страниц а 10 000 чайник, HTML ДЛЯ ЧАЙНИКОВ. С CSS всё намного проще. Вы создаёте один файл CSS и привязываете его ко всем страницам HTML. При изменение шрифта, размера текста, дизайна вам нужно внести изменение лишь в один файл CSS как на всех остальных 10 000 страницах написанных на HTML поменяются автоматически. Это экономия времени и ваших сил.чайник, HTML ДЛЯ ЧАЙНИКОВ
Чтобы начать изучать основы CSS, вам нужно знать  HTML.

Основы CSS

CSS файл пишется в обычном Windows-блокноте так как и HTML и имеет расширение «.css ».
В CSS нет тэгов и атрибутов так как в HTML.
CSS состоит из ПРАВИЛ.

Читайте также:  CSS - курсор (cursor). Cобственные курсоры - картинки (пользовательские курсоры). Формат cursor ANI, CUR и SVG.

В ПРАВИЛЕ есть:
– селекторы
(select с английского – выбор)
– блоки объявления стилей.

Давайте рассмотрим пример:

h2
{color:#000000;
font-size:25px;  }

h2 – селектор,

Всё что находиться в фигурные скобках { } это блок объявления стилей который наз. –  ПРАВИЛО.
В этом правиле определяются свойства для всех заголовков с тэгом «h2»:
• размер шрифта = 25 пикселей
• цвет шрифта #000000

 Теперь на всех страничках нашего сайта тег «h2» будет присвоено это правило, даже если потом вы создадите новые страницы все равно на новых страничках будет присвоено к тэгу h2 это правило.


Как объединить HTML с CSS файлом.

Для этого служит специальный тэг

<link rel=”stylesheet” type=”text/css” hrеf=”style.css“>
 

style.css – это имя файла и путь к css файлу.
Файл может хранится как в отдельной папке, так и вместе с файлом index.html .

Пример – основы CSS.
Создайте HTML(скопируйте и вставьте код в Windows-блокнот). Сохраните как «Index.html»

<html>
<head>
<title>Сайт о шикарных автомобилях</title>

<link rel=”stylesheet” type=”text/css” hrеf=”style.css“>
</head>
<body>
<h2>
Приветствую Вас на сайте</h2>
</body>
</html>

Создайте  CSS (скопируйте и вставьте код в Windows-блокнот). Сохраните как «style.css».
Находится файл «style.css» должен в месте с «Index.html».

h2
{color:#F34B10;
font-size:30px; }

Результат:

ОСНОВЫ CSS

Чтобы вы лучше поняли принцип работы  CSS сделайте самостоятельно такие действие:
поменяйте правило в файле «style.css». Например в font-size:30px; , поменяйте размер. В место 30px поставьте 103px.
Теперь на всех страницах вашего сайта тег «h2» будут действовать эти правила.

В курсах CSS, мы рассмотрим такие темы как:

1. Основы CSS
2. Цвета в CSS
3. картинки в CSS

4. Текст в CSS

Читайте также:  Использование нестандартных шрифтов на сайте с помощью CSS.

5. Шрифты в CSS

6. Списки в CSS

7. Цвет ссылки в CSS

8. Селекторы в CSS

9. Блоки в CSS

10. Высота и ширина блоков в CSS

11. Позиционирование в CSS

12. Всплывающие блоки – “Поплавки”

13. Свойство z-index (слои на CSS)

дальше. – Цвета в CSSчайник, HTML ДЛЯ ЧАЙНИКОВ

Оцените статью
ЗАРАБОТОК В СЕТИ
Добавить комментарий