Caйт для веб-мастера.

 Главная | Мой профиль | Выход / Вы вошли как Гость | Группа "Гости" | RSS / Вторник, 23.01.2018


     

Внутренний лист стилей
(CSS - Cascading Style Sheets) - позволяет сосредоточить описания признаков форматирования Вэб-страниц в одном месте и дает возможность избежать необходимости их повторного ввода в дескрипторах(тегах).

Я не очень подробно опишу принципы.
Прописывается между <head></head> после <title></title>
 
<head>
<style>
h3{text-align: left; font-weight; color: lime}
</style>
</head>
<body>
<h3>Текст отформатирован при помощи внутреннего листа CSS стилей.</h3>
</body>
 
Таким образом для <h3>, задаются выравнивание текста (расположение)text-align:left,тип полужирного начертания font-weight, и цвет в данном примере  color:lime.
 
Внешний лист стилей.

Позволяет сосредотачивать управление форматированием веб страниц, например на одной stile.css
Может послужить удобству, и упростить задачу управления. 
 
Но на каждой странице которой мы желаем управлять с помощью инструментов внешних css надо установить такой тип кода.
 
<link rel="stylesheet" href="АДРЕС/style.css" type="text/css">
 
АДРЕС имеется ввиду style.cssна который мы разместилиCSS.
 
Будьте внимательны с расположением строки, между <head></head> после <title>.
 
Частное определение стилей.

Дает персональные настройки для отдельных фрагментов кода, в этом случае не требует создания внешнего листа стилей. 
А прописывается персонально.
 
<p style="font-style:italic; color:red; text-align:right">Частное определение стилей.</p>
 
АтрибутID

Можно присвоить отдельному элементу веб-страницы персональный идентификатор ID.
 
<head>
<STYLE>
P#privat{font-style:italic; color: teal}
<STYLE>
</head>
 
Дальше выберем элемент(ты), и прописываем ID. Это в данном случаи вымышлено придуман privat
 
<p ID="privat">Вот такой вот ID</p>
 
 
Смотрите более широкое использования стилей в таблице CSS.
 
Свойство
Описание
background
Создает графический фон, изменяет цвет фона
background-attachment
Определяет принак статичности графического фона
background-image
Создается графический фон элемента
background-position
Задает начальную точку размещения фонового графического изображения
beckground-repeat
Определяет способ копирования графических изображений фона
border
Заключает элемент в рамку
border-bottom
Определяет свойства нижней части рамки
border-color
Определяет цвет линий рамки
border-left
Определяет свойства левой части рамки
border-right
Определяет свойства правой части рамки
border-style
Определяет стиль представления рамки
border-top
Определяет свойства верхней части рамки
border-width
Определяет толщину линий рамки
bottom
Задает направление относительного или абсолютного позиционирования элемента
clear
Прекращает действие функций обтекания элемента текстом
color
Изменяет цвет элемента
display
Задает способ воспроизведения элемента
float
Обеспечивает возможность обтекания элемента текстом
font
Изменяет свойства шрифта
font-family
Изменяет шрифт текста
font-size
Изменяет размер шрифта текста
font-style
Задает тип начертания шрифта
font-variant
Воспроизводит текст малыми прописными буквами
font-weight
Задает тип полужирного начертания текста
height
Определяет высоту элемента
left
Задает направление относительного или абсолютного позиционирования элемента
letter-spacing
Изменяет межсимвольный интервал
line-height
Изменяет межстрочный интервал
list-style
Задает стиль нумерации или маркирования списков
margin
Определяет размеры всех полей элемента
margin-bottom
Определяет высоту нижнего поля элемента
margin-left
Определяет ширину левого поля элемента
margin-right
Определяет ширину правого поля элемента
margin-top
Определяет высоту верхнего поля элемента
padding
Определяет размеры всех полос чистого пространства вокруг элемента
padding-bottom
Определяет высоту нижней полосы чистого пространства
padding-left
Определяет ширину левой полосы чистого пространства
padding-right
Определяет ширину правой полосы чистого пространства
padding-top
Определяет высоту верхней полосы чистого пространства
page-break-after
Вводит символ разрыва страницы после элемента
page-break-before
Вводит символ разрыва страницы перед элементом
position
Задает абсолютную или относительную позицию элемента
right
Задает направление относительного или абсолютного позиционирования элемента
text-align
Устанавливает признак выравнивания текста
text-decoration
Задает признак выделения текста линиями
text-indent
Задает величину отступа для первой строки абзаца текста
text-transform
Изменяет регистр символов текста
top
Задает направление относительного или абсолютного позиционирования элемента
vertical-align
Задает признак выравнивания встроенного элемента по вертикали
width
Задает ширину элемента
word-spacing
Задает интервал между словами текста
z-index
Задает приоритет воспроизведения перекрывающихся элементов
 
3.4 В заключение.

Разрабатывайте уникальные шаблоны для сайта, не рекомендуется использовать слишком насыщенные (яркие) цвета, это не предаст привлекательности вашему сайту. Уникальный контент (тексты) дает большую себестоимость ресурсу как для поисковиков так и для посетителей вашего сайта.
 
Вот ряд визуальных редакторов. 

Macromedia Dreamweaver MX 2004
 
Microsoft Office FrontPage 2003 (достаточно прост в освоении)
 
Ну пожалуй пока все по html и стилях CSS, конечно же это не весь материал по этим темам. Но чтобы понять принципы, применять и использовать (делать информационные сайты) должно быть вполне достаточно если вас интересует более подробное изучение то поищите эти материалы на просторах сети.
 
Полезные материалы.



УЧЕБНИК

САЙТЫ КАТАЛОГА
Обслуживание КМ 5 в Омске, сдача отчетов. Поверка, ремонт приборов.
Обслуживание Эльф в Омске, сдача отчетов. Поверка, ремонт приборов.
VBAZE - биржа студенческих работ
Техническое обслуживание ВКТ 4 в Омске, сдача отчетов.
Обслуживание КМ 5 в Омске, сдача отчетов.
VERX Верхняя женская одежда
VERX Верхняя женская одежда оптом и в розницу
VERX Верхняя женская одежда
verx007
Техническое обслуживание приборов учета тепловой энергии в Омске, сдача отчетов. Поверка, ремонт приборов.