CSS: различия между версиями

Содержимое удалено Содержимое добавлено
Нет описания правки
Строка 12:
 
===Связывание===
Таблицу стилей создают и хранят в отдельном файле с расширением css. Такую таблицу называют внешней. Чтобы связать основной файл с таблицей стилей, в середине тега <head> применяют одинарный тег <link> с информацией о таблице:
<source lang="html4strict">
<head>
Строка 70:
Браузер выведет все заголовки третьего уровня h3 и элементы списков li зеленым цветом, шрифтом Прагматика размером 16 пунктов, выравнивая их к левому краю окна и охватит рамкой толщиной 2 мм с выдавленным контуром (ridge).
==Свойства стилей и их значение==
Имена свойств складаютсяскладываются из одного или нескольких английских слов, записуютсязаписываются через черточку. Свойство действует только в пределах тега, указанного в видомом правиле.
 
Свойства стилей приведены в таблице:
 
{| Class = "wikitable"
|-
!Свойство!!Значение!!Объяснение
|-
|Background-attachement || fixed, scroll || Фон фиксированноефиксированный или прокручуетсяпрокручивается
|-
|Background-color || red, green, #343434 || Цвет фона
Строка 147:
 
Для выделения текстового блока, в который будут применять стиль, предназначен тег контейнер <nowiki><DIV параметр></DIV></nowiki> с
параметром <nowiki>CLASS</nowiki>, который задает конкретный стиль, который будет действовать на блок: <nowiki><DIV CLASS=названазвание стиля>блок</DIV></nowiki>.
 
Для выделения в блоке текстового фрагмента, для которого будут прикреплен стиль, применяют тег-контейнер <nowiki><SPAN>...</SPAN>
Строка 156:
Допустим, мы хотим сделать страницу, на которой будет два вида абзацев <nowiki> <p> </nowiki>, причем оба вида будут постоянно чередоваться и часто повторяться.
 
Пример такой страницы - интервью, в котором чергуютсячередуется вопросы журналиста и ответы человека. Конечно, при создании такой страницы мы захотим визуально отделить вопросы и ответы друг от друга. Если бы нам пришлось это делать возможностями CSS, которые мы рассмотрели выше, то нам Пришлось бы создавать две разные таблицы стилей. К счастью, это нам не нужно. Мы можем создать в одной таблице стилей два различных класса абзаце с помощью селектора класса. Это будет выглядеть так:
<source lang="html4strict">
<html>