4 Способа подключения css:

1-й: когда таблица стилей находится в отдельном файле, она может быть подключена к веб-документу посредством тега <link>, располагающегося в этом документе между тегами <head> и </head>. Все правила этой таблицы действуют на протяжении всего документа; <head> ..... <link rel="stylesheet" type="text/css" href="style.css"> </head>

2-й: когда таблица стилей находится в отдельном файле, она может быть подключена к веб-документу посредством директивы @import, располагающейся в этом документе между тегами <style> и </style> (расположенными между тегами <head> и </head>).

<head> ..... <style type="text/css" media="all"> @import url(style.css); </style> </head>

3-й:когда таблица стилей находится, описана в самом документе, она может располагаться в нём между тегами <style> и </style> (расположенными между тегами <head> и </head>).

<head> ..... <style type="text/css"> body { color: red; } </style> </head>

4-й:когда таблица стилей находится, описана в самом документе, она может располагаться в нём в теле какого-то отдельного тега (посредством его атрибута style) этого документа. <p style="font-size: 21px; color: green;"> Лекции о CSS </p>

30. Селекторы и блоки объявлений. Виды селекторов css.

Селектор, расположенный в левой части правила, определяет, на какие части документа распространяется правило.

Блок объявлений (директивы) располагается в правой части правила. Он помещается в фигурные скобки, и, в свою очередь, состоит из одного или более объявлений, разделённых знаком «;». Каждое объявление представляет собой сочетание свойства CSS и значения, разделённых знаком «:».

селектор, селектор

{ свойство: значение;

свойство: значение;

свойство: значение; }

Виды селекторов в CSS

селекторы элементов; p {font-family: Garamond, serif;}

селекторы классов; .note {color: red; background: yellow; font-weight: bold;}

селекторы идентификаторов; #paragraph1 {margin: 0;}

селекторы атрибутов; a[href="http://www.romantiki.ru"]{font-weight:bold;}

селекторы потомков (контекстными селекторами) div#paragraph1 p.note {color: red;}

селекторы дочерних элементов p.note > b {color: green;}

селекторы сестринских элементов h1 + p {font-size: 24pt;}

селекторы псевдоклассов a:active {color:yellow;}

селекторы псевдоэлементов p:first-letter {font-size: 32pc;}

4. Особенности добавления стилей css в html документ.

<html>

<head>

<title>html документ отображаемый с помощью CSS</title>

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

</head>

<body>

<p>активно изучаем HTML и CSS

<h1 class=note>HTML

<h2>теги HTML

<h2>примеры HTML

</body>

</html>

link rel="stylesheet"- для установки связи между HTML документом и CSS файлом

href="MyStyle.css"-ссылка на MyStyle

32. Язык xml. Структура документа xml.

XML расширяемый язык разметки; XML — текстовый формат, предназначенный для хранения структурированных данных, для обмена информацией между программами, а также для создания на его основе более специализированных языков разметки (например, XHTML). Особенность языка в том, что практически всегда можно понять, что описывает XML, потому что в XML можно создавать собственные тэги.

В целом структура XML-документа: заголовок; тело, которое содержит корневой элемент и вложенные в него и друг в друга другие элементы.

заголовок должен начинаться и заканчиваться с символов <?;после ? должно стоять слово xml; указание версии с помощью конструкции version = “..." обязательно; <?xml version="1.0" encoding="UTF-8"?>,

Внутри тела находятся элементы . Эти элементы могут состоять из других эле­ментов - они являются основными стандартными блоками в XML. Каждый элемент должен иметь начальный и конечный тэги. Элементы могут содержать атрибуты, а значения атрибутов должны быть заключены в кавычки (одинарные или двойные).