Что такое CSS?

Что такое CSS?

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

Основы CSS.

Таблицы стилей могут быть добавлены на веб-страницу тремя разными способами, которые различаются по своим возможностям.

1. Linked style sheet

Стили элементов страницы хранияться в отдельном файле, подключаемый к странице при помоще тега Link. Пример:

<html>

<head>

<link rel="stylesheet" type="text/css" href="style. css">

</head>

<body>

Some text.

</body>

</html>

2. Global style sheet

Описание стилей производится непосредственно в самом документе (обычно в теге head) и заключается между тегами <style> </style>. Пример:

<html>

<head>

<style type="text/css">

H1{ font-size: 130%; font-family: Arial, Helvetica, sans-serif; color: #3b7333;

}

</style>

</head>

<body>

Some text.

</body>

</html>

3. Inline style

Стили описываются внутри самого элемента в параметре style. Пример:

<html>

<body>

<H1 style="font-size: 140%; font-family:Helvetica, sans-serif; color: #3b7333">Some text</H1>

</body>

</html>


Карта сайта


Информационный сайт Webavtocat.ru