12) Рамка (fieldset)

Объект fieldset позволяет вам нарисовать рамку вокруг объектов. Имеет закрывающий тэг </fieldset>. Заголовок указывается в тэгах <legend></legend>. Основное назначение объекта – задавание различных стилей оформления.

Пример:

<fieldset>  <legend>Программное обеспечение(заголовок рамки)</legend>  Текст, который будет помещен внутри рамки.</fieldset>

11. Статистические Web-технологии. Основы технологии css

Таблицы стилей (style sheets) представляют собой абстракцию, в которой стиль документа определяется отдельно от его содержания. Основная цель каскадных таблиц стилей - разделить содержимое веб-страницы (написанной, например, на HTML) и форматирование (представление) документа (CSS). Т.е., в коде html-страницы находится информация, которую видит пользователь, загрузив эту страницу в свой браузер. А вот то, в каком виде он видит эту информацию на своем экране - за это "отвечает" файл каскадной таблицы стилей.

Все CSS-правила состоят из селектора и блока объявлений (заключённого в фигурные скобки). Внутри блока объявлений (внутри фигурных скобок, проще говоря) может находиться одно или несколько объявлений, разделённых точкой с запятой. Объявление – это строка, составленная из css-свойства и его значения. Каждое правило начинается с селектора (по-русски – указателя), указывающего на те html-элементы, к которым мы собираемся применить css-правило. В блоке объявлений мы устанавливаем правила оформления выбранных нами элементов, переопределяя их свойства – размеры, цвет, бордюры, поля, положение на экране и т.д.

Три основных вида селекторов:

· HTML селекторы- в качестве селектора мы используем имя того html-элемента, который хотим изменить. Например, для тега <strong> селектором будет strong. Соответственно, для тега <h1> селектором будет h1, и так далее strong {font-weight: normal; color: red;}

· Селекторы класса -Удобство таких селекторов в том, что можно присвоить одно имя класса множеству html-тегов в документе и затем управлять их внешним видом, обращаясь к ним по имени класса: .myClass { font: bold 10pt verdana; } (меняем шрифт для всех тегов с классом myClass)

· ID селекторы (или идентификаторы)– это некое имя, которое вы, так же, как и в случае с классами, можете применить к любому HTML-тегу. Основное отличие – ID должен быть уникален в рамках html-документа: #myObj { margin: 1em; } ( изменяем поля для элемента, у которого id=”myObj” ); span#today { margin: 1em; } ( изменяем поля для элемента span, у которого id=”today” )

12. Статистические Web-технологии. Css свойства текста

Свойство	Значение	Описание	Пример
line-height	normal  множитель  значение  %	Интерлиньяж (межстрочный интервал)	line-height: normal  line-height: 1.5  line-height: 12px  line-height: 120%
text-decoration	none  underline  overline  line-through  blink	Убрать все оформление  Подчеркивание  Линия над текстом  Перечеркивание  Мигание текста	text-decoration: none
text-transform	none  capitalize  uppercase  lowercase	Убрать все эффекты  Начинать С Прописных  ВСЕ ПРОПИСНЫЕ  все строчные	text-transform: capitalize
text-align	left  right  center  justify	Выравнивание текста	text-align: justify
text-indent	значение %	Отступ первой строки	text-indent: 15px;  text-indent: 10%