Как это работает вместе | CSS для Чайников

Большинство из вас должны быть готовы к HTML, подобному тому, что я сделал в конце моего руководства по HTML для новичков. Лишь строка кода с ссылкой на CSS-файл должна быть добавлена в ваш HTML-документ.

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

body

02	font-family: arial, helvetica, sans-serif;

03	font-size: 80%;

04	color: black;

05	background-color: #ffc;

06	margin: 1em;

07	padding: 0;

10	/* Кстати, это комментарий */

13	line-height: 1.5em;

17	color: #ffc;

18	background-color: #900;

19	font-size: 2em;

20	margin: 0;

21	margin-bottom: 0.5em;

22	padding: 0.25em;

23	font-style: italic;

24	text-align: center;

25	letter-spacing: 0.5em;

26	border-bottom-style: solid;

27	border-bottom-width: 0.5em;

28	border-bottom-color: #c00;

32	color: white;

33	background-color: #090;

34	font-size: 1.5em;

35	margin: 0;

36	padding: 0.1em;

37	padding-left: 1em;

41	color: #999;

42	font-size: 1.25em;

img

46	border-style: dashed;

47	border-width: 2px;

48	border-color: #ccc;

52	text-decoration: none;

strong

56	font-style: italic;

57	text-transform: uppercase;

61	color: #900;

62	font-style: italic;

table

66	background-color: #ccc;