Применение стиля CSS, так же называемый каскадные таблицы стилей, в веб-странице позволяет придать ей тот вид к которому все привыкли: в стилях указываются размеры, цвет, положение, выравнивание текста и отдельных элементов на странице.

Без стиля оформления на странице виден только текст, ссылки, изображения, часто в столбик по левому краю, это очень не удобно.

Уроки HTML

Тег style - стиль CSS

Урок 11

Тег style можно подлключать к странице, так же как и тег script, двумя способами: указав между тегами head перед тегом body такую конструкцию:

<style>
*{
margin:0;
padding:0;
}

img{
border:none;
}

p{
color:red;
}
</style>

Между этими тегами нужно сделать необходимое описание элементов. Этот способ подходит если не требуется описывать много элементов, и это маленькая веб-страничка. Все таки вес страницы имеет влияние на скорость загрузки и лучше стиль CSS выносить в отдельный файл с расширением .css. Это простой текстовый документ, который можно редактировать Блокнотом windows, Notepad++ или другим редактором.
Подключение к веб-странице происходит следующим способом

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

Файл style.css с описанием CSS разметки находится в дириктории css вашего сайта и задействуется при загрузке веб-страницы. Тег link обеспечивает связь со стилем, атрибут href это ссылка на внешний CSS стиль, rel указывает на объект- лист стиля CSS, type - формат "text/css". Это самый оптимальный и распостранениий вариант использования каскадных таблиц стилей.

Еще один вариант испльзования стиля это указание непосредственно стиля в теге:

<p style="text-align:center;">
<a style="color:red;" href="#" alt="Ваш альтернативный текст" >Ссылка</a>
</p>

Но согласитесь это тоже не самый лучший вариант применения стиля CSS.

С уважением, авторы сайта Компьютерапия


Понравилась статья? Поделитесь ею с друзьями и напишите отзыв в комментариях!



We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok