Курсовая работа: Информационно-обучающий сайт по ТОЭ/ТЭЦ
CSS
Основным понятием CSS является стиль – т. е. набор правил оформления и форматирования, который может быть применен к различным элементам страницы.
CSS действует более удобным и экономичным способом. Для присвоения какому-либо элементу определенных характеристик надо всего один раз описать этот элемент и определить это описание как стиль, а в дальнейшем просто указывать, что элемент, который вы хотите оформить соответствующим образом, должен принять свойства стиля, описанного. Более того, вы можете сохранить описание стиля не в тексте вашей странички, а в отдельном файле – это позволит использовать описание стиля на любом количестве Web страниц. И еще одно, связанное с этим, преимущество – возможность изменить оформление любого количества страниц, исправив лишь описание стиля в одном (отдельном) файле.
Практическое освоение CSS
Для этого нужно создать обычный текстовый файл, описать с помощью языка CSS необходимые стили, разместить этот файл на Web-сервере, а в коде Web-страниц, которые будут использовать стили из этого файла, нужно будет сделать ссылку на него. Делается это с помощью тега <LINK>, располагающегося внутри тега <BODY>:
link href="css.css" rel=stylesheet type="text/css">
Первые два параметра этого тега являются зарезервированными именами, требующимися для того, чтобы сообщить браузеру, что на этой страничке будет использоваться CSS. Третий параметр – HREF= «URL» – указывает на файл, который содержит описания стилей. Этот параметр должен содержать либо относительный путь к файлу – в случае, если он находится на том же сервере, что и документ, из которого к нему обращаются – или полный URL («http://...») в случае, если файл стилей находится на другом сервере.
Пример описания стилей для подкласса «а», и заголовка 2 уровня:.
a{ font-family:Constantia, Monotype Corsiva;
padding:15px 30px;
font-size:15px;
text-align:left;
letter-spacing:1px;
word-spacing:3px;
font-stretch:wider;
text-align:justify;
color:#303030;
}h2{ font-family:Monotype Corsiva;
font-size:30px;
text-align:left;
letter-spacing:1px;
word-spacing:3px;
text-align:center;
color:#386c00;
font-family - ипользуется для указания шрифта или шрифтового семейства, которым будет отображаться элемент.
font-weight - определяет степень жирности шрифта с помощью трех параметров: lighter, bold, bolder
font-size - устанавливает размер шрифта. Параметр может указываться как в относительной (проценты), так и абсолютной величине (пункты, пикселы, сантиметры)
color - определяет цвет элемента
text-decoration - устанавливает эффекты оформления шрифта, такие, как подчеркивание или зачеркнутый текст