-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathCSS.htm
More file actions
130 lines (116 loc) · 12.4 KB
/
CSS.htm
File metadata and controls
130 lines (116 loc) · 12.4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<html>
<head>
<title>Website</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body leftmargin=0 topmargin=0 marginheight="0" marginwidth="0" bgcolor="#ffffff">
<table border="0" cellspacing="0" cellpadding="0" width="100%" height="100%">
<tr>
<td width="50%" background="images/bg.png"><img src="images/px1.gif" width="1" height="1" alt="" border="0"></td>
<td valign="bottom" background="images/bg_left.png"><img src="images/bg_right.gif" alt="" width="17" height="0" border="0"></td>
<td valign="top">
<table width="950" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="29" background="images/fon06.gif">
</div>
</td>
</tr>
<tr>
<td><img src="images/main05.png" width="950" height="160"></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="950" background="images/fon_top.gif">
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" background="images/fon_top.gif" width="100%">
<tr align="center">
<td><p class="menu01"><a href="index.htm">ГЛАВНАЯ</a></p></td>
<td><img src="images/e01.gif" width="2" height="20" alt="" border="0"></td>
<td><p class="menu01"><a href="HTML.htm">HTML</a></p></td>
<td><img src="images/e01.gif" width="2" height="20" alt="" border="0"></td>
<td><p class="menu01"><a href="CSS.htm">CSS</a></p></td>
<td><img src="images/e01.gif" width="2" height="20" alt="" border="0"></td>
<td><p class="menu01"><a href="IMG.htm">Картинки</a></p></td>
<td><img src="images/e01.gif" width="2" height="20" alt="" border="0"></td>
<td><p class="menu01"><a href="Dowland.htm">DOWNLOAD</a></p></td>
</tr>
</table>
</td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="780">
<tr valign="top">
<td background="images/fon02.gif" width="230">
<!-- LEFT -->
<table border="0" cellpadding="0" cellspacing="0" width="230" height="46" background="images/fon01.gif">
<tr>
<td><p class="title"><img src="images/e03.gif" width="14" height="16" alt="" border="0" align="absmiddle"> МЕНЮ CSS</p></td>
</tr>
</table>
<p class="px5">
<div align="center"><img src="images/hr01.gif" width="227" height="2" alt="" border="0"></div>
<p class="right"><img src="images/dot_w.gif" width="5" height="5" alt="" border="0"> <a href="CSS-1.htm">Таблица связанных стилей</a></p>
<p class="right"><img src="images/dot_w.gif" width="5" height="5" alt="" border="0"> <a href="CSS-2.htm">Таблица глобальных стилей</a></p>
<p class="right"><img src="images/dot_w.gif" width="5" height="5" alt="" border="0"> <a href="CSS-3.htm">Классы</a></p>
<p class="right"><img src="images/dot_w.gif" width="5" height="5" alt="" border="0"> <a href="CSS-4.htm">Контекстные селекторы</a></p>
<p class="right"><img src="images/dot_w.gif" width="5" height="5" alt="" border="0"> <a href="CSS-5.htm">Соседние селекторы</a></p>
<p class="right"><img src="images/dot_w.gif" width="5" height="5" alt="" border="0"> <a href="CSS-6.htm">Дочерние селекторы</a></p>
<p class="right"><img src="images/dot_w.gif" width="5" height="5" alt="" border="0"> <a href="CSS-7.htm">Группирование</a></p>
<p class="right"><img src="images/dot_w.gif" width="5" height="5" alt="" border="0"> <a href="CSS-8.htm">Правила создания стиля</a></p>
<div align="center"><img src="images/hr01.gif" width="227" height="2" alt="" border="0"></div>
<br>
</td>
<td width="720">
<!-- main -->
<table border="0" cellpadding="0" cellspacing="0" width="720" height="45" background="">
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="45" background="images/fon03.gif">
<tr>
<td><p class="title" style="margin-top: 11px;"> Что такое CSS</p></td>
</tr>
</table>
<table border="0" cellpadding="10" cellspacing="0" align="center" width="100%">
<tr align="center">
</tr>
</table>
<p>CSS (англ. Cascading Style Sheets — каскадные таблицы стилей) — технология описания внешнего вида документа, написанного языком разметки.
Преимущественно используется как средство оформления веб-страниц в формате HTML и XHTML, но может применяться с любыми видами документов в формате XML, включая SVG и XUL.</p>
<p><b><i>История CSS : </i></b> CSS — одна из широкого спектра технологий, одобренных консорциумом W3C и получивших общее название «стандарты Web». В 1990-х годах стала ясна необходимость стандартизировать Web, создать какие-то единые правила, по которым программисты и веб-дизайнеры проектировали бы сайты. Так появились языки HTML 4.01 и XHTML и стандарт CSS.
В начале 1990-х различные браузеры имели свои стили для отображения веб страниц. HTML развивался очень быстро и был способен удовлетворить все существовавшие на тот момент потребности по оформлению информации, поэтому CSS не получил тогда широкого признания.
Термин «каскадные таблицы стилей» был предложен Хокон Виум Ли в 1994 году. Совместно с Бертом Босом он стал развивать CSS.
В отличие от многих существовавших на тот момент языков стиля, CSS использует наследование от родителя к потомку, поэтому разработчик может определить разные стили, основываясь на уже определенных ранее стилях.
В середине 1990-х Концорциум Всемирной паутины (W3C) стал проявлять интерес к CSS, и в декабре 1996 года была издана рекомендация CSS1.</p>
<p><i>Уровень 1 (CSS1):</i> Рекомендация W3C, принята 17 декабря 1996 года, откорректирована 11 января 1999 года. Среди возможностей, предоставляемых этой рекомендацией:
Параметры шрифтов. Возможности по заданию гарнитуры и размера шрифта, а также его стиля — обычного, курсивного или полужирного.
Цвета. Спецификация позволяет определять цвета текста, фона, рамок и других элементов страницы.
Атрибуты текста. Возможность задавать межсимвольный интервал, расстояние между словами и высоту строки (то есть межстрочные отступы)
Выравнивание для текста, изображений, таблиц и других элементов.
Свойства блоков, такие как высота, ширина, внутренние (padding) и внешние (margin) отступы и рамки. Так же в спецификацию входили ограниченные средства по позиционированию элементов, такие как float и clear.</p>
<p><i>Уровень 2 (CSS2):</i> Рекомендация W3C, принята 12 мая 1998 года.Построена на CSS1 с сохранением обратной совместимости. Добавление к функциональности:
Блочная вёрстка. Появились относительное, абсолютное и фиксированное позиционирование. Позволяет управлять размещением элементов по странице без табличной вёрстки.
Типы носителей. Позволяет устанавливать разные стили для разных носителей (например монитор, принтер, КПК).
Звуковые таблицы стилей. Определяет голос, громкость и т. д. для звуковых носителей (например для слепых посетителей сайта).
Страничные носители. Позволяет, например, установить разные стили для элементов на чётных и нечётных страницах при печати.
Расширенный механизм селекторов.</p>
<p><b>Поддержка браузерами:</b> Наиболее полно поддерживающими стандарт CSS являются браузеры, работающие на Gecko (Mozilla Firefox и др.) и WebKit (Safari, Arora, Google Chrome), а также браузер Opera.
Бывший когда-то самым распространённым браузером Internet Explorer 6 поддерживает CSS далеко не полностью. Вышедший спустя 7 лет после своего предшественника Internet Explorer 7 хотя и значительно улучшил уровень поддержки CSS, но всё ещё содержит значительное количество ошибок. В Internet Explorer 8 используется новый движок, который полностью поддерживает CSS 2.1 и частично — CSS 3. Для проверки поддержки браузером различных частей стандарта CSS был разработан тест Acid. Его вторая версия называется Acid2, а третья, соответственно, Acid3.</p>
<p><b>Различные блоковые модели:</b> В стандартах CSS от Консорциума W3C используется модель, в которой свойство width определяет ширину содержимого блока, не включая в нее отступы и рамки. Ранние версии Internet Explorer (4 и 5), реализовали собственную модель, в которой width определяет расстояние между рамками блока, включая отступы (padding) и рамки (border). Кроме Internet Explorer 5 эту модель так же понимают браузеры Netscape 4 и Opera 7. Поддержка стандартной модели W3C появилась в IE только в шестой версии. В разрабатываемом стандарте CSS3 для решения этой проблемы введено свойство box-sizing, со значениями content-box для указания на использование стандартной модели W3C и border-box для использования модели IE 5. В браузере Mozilla, при поддержке этого свойства, под собственным «рабочим» названием -moz-box-sizing, ввели еще одно значение — padding-box, таким образом создав третью блочную модель, в которой width это размер содержимого и отступов блока, не включая рамки.</p>
</td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="950" height="47" background="images/fon04.gif">
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" width="90%" background="" align="center">
<tr>
<td><p>by LEV13 ©2010</p></td>
</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
<td valign="bottom" background="images/bg_right.png"><img src="images/bg_right.png" alt="" width="17" height="16" border="0"></td>
<td width="50%" background="images/bg.png"><img src="images/px1.gif" width="1" height="1" alt="" border="0"></td>
</body>
</html>