Подключение CSS

15 декабря 2012  11285  CSS, верстка

 

Подключение CSS по умолчанию.

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

Где href="/css/style.css" — путь и имя файла CSS.

Подключение CSS для вывода страницы на печать.

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

Где media="print" — информация о типе устройства.

Условный комментарий при подключении CSS специально для Internet Explorer.

<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="/css/style-ie7.css"/>
<![endif]-->

   

Использование правила @import

<style>
@import url(/css/style.css);
</style>

Где /css/style.css — путь и имя файла CSS.

Пример оформления CSS в разметке страницы HTML.

Для всех текстовых абзацев на странице:

<style type="text/css">
    p {border: 1px solid #ff0000; background: #efefef;}
</style>

Для определенного текстового абзаца:

<p style="border: 1px solid #ff0000; background: #efefef;">Абзац текста</p>

 

Комментарии для сайта Cackle
наверх