Skip to content

Instantly share code, notes, and snippets.

@h4

h4/base.html

Created February 8, 2012 18:54
Show Gist options
  • Save h4/1772166 to your computer and use it in GitHub Desktop.
Save h4/1772166 to your computer and use it in GitHub Desktop.
Download ZIP
Способы подключения css
Raw
base.html
<!-- подключение внешнего файла css -->
<head>
<link href="style.css" rel="stylesheet" type="text/css">
</head>
Raw
embed.html
<!-- встроенная таблица стилей -->
<head>
<style type="text/css">
/* стилевывые правила */
</style>
</head>
Raw
import-legacy.html
<!-- импортироване (устаревший вариант) -->
<style type="text/css">
@import url(css/base.css);
@import url(css/layout.css);
@import url(css/print.css) print;
</style>
Raw
import.html
<!-- импортирование -->
<!--
файловая структура
/
|- css
|--- base.css
|--- layout.css
|--- print.css
|--- style.css
|- index.html
-->
<!-- в html-файле -->
<head>
<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<!-- в файле style.css
адресация — относительно файла style.css! -->
@import url(base.css);
@import url(layout.css);
@import url(print.css) print;
Raw
media.html
<!-- подключение файла css с указанием типа устройства отображения -->
<head>
<link href="style.css" rel="stylesheet" type="text/css" media="all">
<link href="screen-only.css" rel="stylesheet" type="text/css" media="screen">
<link href="print.css" rel="stylesheet" type="text/css" media="print">
</head>
Raw
mixed.html
<!-- встроенная и внешняя таблица стилей таблица стилей -->
<head>
<link href="style.css" rel="stylesheet" type="text/css" media="all">
<style type="text/css">
/* стилевывые правила */
</style>
<link href="print.css" rel="stylesheet" type="text/css" media="print">
</head>
@InTi-Web
Copy link

kakal

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment