2015-09-06
229
font-size: 14pt; font-size: 100px - размер
color: - цвет
font-style: - управляет наклонением шрифта
font-style: italic
font-style: normal
font-style: obligue
font-weight: bold - полужирные буквы
font-weight: bolder - более жирные буквы
font-weight: normal - нормальные буквы
font-family: - наименованее шрифта или семейства шрифтов
Пример:
body {font-family: arial; color: green}
td {font-family: Times new roman}
Times New Roman - serif (Arial - sans-serif)
12. Внешние стили:
оформление хранится в отдельном CSS файле.
Стилевой файл связывают с html-страницей при помощи тега LINK, который располагают в контейнере HEAD. Вот пример двух способов подключения файла style.css к веб-документу:
<html>
<head>
<title>подключение внешних стилей</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="http://divsite.ru/style.css">
</head>
<body>
</body>
</html>
В первой строке адрес файлф style.css указан относительно корня сайта, или если оба файла находятся в одной директории. Во втором случае - используется абсолютный адрес стилевого файла.
Параметры rel и type всегда одинаковы, меняется лишь значения атрибута href, т. е. адреса файла. Абсолютный адрес дает возможность подключать файлы стилей с любого стороннего интернет-сайта.
|
|
|
Глобальные стили:
оформление хранится внутри HTML-файла и применяется ко всем тэгам внутри него. Описываются в теги style, размещенном в резделе <head>... </head>
Пример:
<head>
<style>
H1 {color: red; text-decoration: underline}
em {text-decoration: underline}
</style>
</head>
Абсолютное позиционирование в CSS:
Позволяет задавать точные координаты элементов в документе.
Пример:
</head>
<style>
.AP {position: absolute}
</style>
<body>
<div class="AP" Style="TOP: 200; left: 100">
<ING Style="position: absolute; TOP:100; LEFT: 50" SRC="flower.png">
</body>
полупрозрачность от 0 до 1: opacity: 0.3.
13. Веб-формы – удобный способ получения информации от посетителей вашего сайта. Пример тому – гостевая книга, – которая обеспечивает обратную связь с посетителями и разработчиками сайта. Формы так же удобны и для разработчиков сайта при разработке CMS, которая позволяет поддерживать главное свойство сайта - актуальность.
Тег "input" отвечает за большинство элементов формы.
Тип элемента определяется атрибутами type
Кнопка отправки формы (submit)
Кнопка сброса формы(Reset)
