Пример файла css

Завершая тему каскадных таблиц стилей, приведу простой и наглядный пример файла CSS, описывающего стили отображения элементов web-страницы. Данный файл представляет собой обычный текстовый документ, набранный в редакторе Notepad и сохраненный на диске под именем style.ess. 

/* File type: CSS; 

File name: style.ess:  File location: 'http://www.mysite.ru/css/'  Autor: Ivan Ivanov */  BODY{  background-color: №FFFFFF;  font-size: l0pt;  font-family: Arial;  }  P{  font-size: l0pt:  text-align: justify;  }  Hl{  font-size: 40pt;  font-weight: bold;  color: blue;  }  H2{  font-size: 30pt;  font-weight: bold:  color: red;  }  TD{  font-size: llpt;  font-weight: bold;  border-top-width: 0px;  border-bottom-width: 0px;  border-right-width: 0px;  border-left-width: 0px;  }  LI{  list-style-image: URL(/images/marker.gif);  list-style-position: inside:  }  .form{font-size: l0pt: color: black:}  P.comment {  font-family: Courier New: FONT-SIZE: 8pt:  }  #news{  font-family: Arial: .  font-size: 12pt:  font-weight: bold:  }  /* End of file */

Как становится очевидным из изученного нами материала, в этом файле мы описали свойства всего документа в целом (элемент BODY), свойства форматирования абзацев (элемент Р), свойства заголовков (элементы HI и Н2), свойства таблиц (элемент TD) и списков (элемент LI), создали классы с именами «form» и «comment», а также описали идентификатор с именем «news».