Rambler's Top100

ОСНОВЫ CSS

Таблица каскадных стилей (Cascading Style Sheets ), сокращенно CSS, представляет собой набор правил для оформления различных элементов страницы.Применяя CSS можно для каждого элемента страницы прописать свой стиль, такие как цвет текста,размер и расположение шрифта, как будет выглядеть меню и многое другое для оформления дизайна страниц сайта

В отличие от HTML,где нужно выучить и запомнить теги, в CSS ничего не нужно запоминать и учить, здесь нет тегов, а есть правила, которые нужно понять, но без знаний основ HTML, нет смысла изучать CSS. HTML и CSS идут в связке, поэтому начните с изучения темы ОСНОВЫ HTML, а затем переходите к CSS

Описание стилей можно делать непосредственно на странице сайта, между тегами <HEAD> и </HEAD>, но это целесообразно, если сайт одностраничник, если сайт состоит из множества страниц, описание стилей делается в отдельном файле style.css, который подключается к страницам сайта

Подключение файла css к html-странице

И так, вы создали страницу сайта например index.html и сохранили её в какой-то папке. Если открыть эту страницу в браузере, то вы увидите пустую страницу

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Главная страница</title>

</head>
<body>

</body>
</html>

откройте блокнот, сохраните его в ту же папку как style.css ( Название файла может быть любым, главное чтобы расширение было css) Ниже, кодом отображенным красным цветом, мы подключили файл css к странице

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Главная страница</title>

<LINK href="style.css" TYPE="text/css" rel="stylesheet">

</head>
<body>

</body>
</html>

Если сейчас вы откроете созданную страницу, то никаких изменений после подключения файла сss, вы не увидите, потому что файл css, пока пустой, мы ничего в нём не прописывали

И так, если вы уже ознакомились с темой ОСНОВЫ HTML, переходим к изучению СSS, луччше, изучать тему по порядку начиная с "Оформление фона страницы" и далее по нумерации страниц

 


 

Rambler's Top100 Яндекс цитирования