NEW OFFICIAL VIDEO
News from Dom
"Hi guys,
Just thought I'd try and breath a little life back into this page and post an update.
Anyway, we're back in Devon working on a symphonic monster among other things and should hopefully start a bit of real recording in a couple of weeks. Definitely excited and already looking forward to playing this stuff on the road next year..
Its nice to be back down here working on music together which is something we haven't done for a very long time. Maybe about 8 years!.. Jesus, Its been too long. So we've been retracing some old steps and remembering where we came from.
There has also been another addition to the Wolstenholme family. Hopefully they will start their own band one day...
Cheers,
Dom."
Переведете?)) Неужели новое пополнение в семье Криса?!))
Спасибо.
[300x298]Существует три способа для связывания таблиц стилей с html документом. Это - использование тега <LINK>, использование тега <STYLE> и применение атрибута style к определенному тегу. Рассмотрим эти методы подробнее.
Использование тега <LINK>
Этот способ позволяет связывать html документы с таблицей стилей, находящейся в отдельном файле. Выглядит это так:
<LINK REL=STYLESHEET TYPE="text/css" HREF="http://www.yourdomen.ru/
Эту строку помещают между тегами <HEAD> и <TITLE>. Таким образом, для форматировая страницы с этой строкой будет использоваться таблица стилей находящаяся в файле style.css с сайта http://www.yourdoman.ru/
Использование тега <STYLE>
Этот метод позволяет внедрять информацию о стилях в html документ, заключая ее в парный тег STYLE, который располагают между тегами <HEAD> и <TITLE>:
<STYLE>
<!--
информация о стилях
// -->
</STYLE>
Необходимо не забывать заключать информацию о стилях между символами комментария, т.к. старые браузеры "не понимают" тег STYLE и будут пытаться вывести на экран его содержимое.
Существенным недостатком этого способа является то, что информация о стилях заключена в определенном файле и используется только для форматирования текста этого файла. Избежать этого недостатка позволяет использование конструкции @import. Делается это так:
<STYLE type="text/css">
@import URL("http://www.yourdoman.ru/
</STYLE>
Необходимо отметить, что конструкция @import не поддерживается браузером Netscape, поэтому ее применение может быть оправдано только в локальных сетях, где на всех машинах установлен только Microsoft Internet Explorer.
Использование в тегах атрибута style
Для того чтобы изменить свойство только какого-нибудь одного элемента, можно использовать атрибут style этого элемента:
<P style=""color:" red">
Только этот абзац будет выведен на экран красным цветом. Остальные абзацы будут выведены тем цветом, который указан в таблице стилей.
Заключение
В заключение хотел бы дать небольшой совет тем, кто только научился использовать таблицы стилей: не спешите включать их только ради самого включения. Старайтесь использовать их с умом. И обязательно проверяйте, как будут выглядеть ваши html-файлы в браузере без поддержки CSS. Для этого достаточно временно удалить таблицу стилей.
Каскадные таблицы стилей (Cascading Style Sheets, сокращенно CSS) - это технология, разработанная для форматирования html документов и придания им определенного стиля (положение элементов на экране, цвет текста, величина отступа абзаца и многое другое). Фактически, каскадные таблицы стилей представляют собой набор правил, в соответствии с которыми происходит форматирование текста и элементов на экране. Правила хранятся либо в самом html документе, либо в отдельном текстовом файле, имеющем, как правило, разрешение css. Создавать эти файлы можно даже в Блокноте (Notepad).
К наиболее ярко выраженным достоинствам каскадных таблиц стилей относятся следующие:
1. Возможность одновременного применения одной и той же каскадной таблицы к большому числу html документов. Это может существенно увеличить эффективность создания новых стилей, т.к. для этого требуется изменить всего лишь один файл.
2. Разделение информации на две части: собственно html код и таблица стилей. Во многих случаях это позволяет существенно уменьшить размеры файлов, т.к. информация о стилях всех страниц хранится в одном файле, а не во всех html документах.
3. Наличие в каскадных таблицах стилей дополнительных, по сравнению с языком разметки, методов управления элементами.
Указанные выше преимущества CSS во многом определили их широкое применение в глобальной сети в настоящее время.
Каждое объявление в CSS записывается в следующем виде:
ТЕГ {свойство: значение}
Эта запись дает браузеру команду присвоить содержимому данного ТЕГа определенное значение, указанного свойства.
В том случае, если мы хотим описать в объявлении несколько свойств, достаточно разделить их точкой с запятой:
ТЕГ {свойство_1: значение_1; свойство_2: значение_2}
Одно и то же свойство или свойства можно присвоить сразу нескольким тегам. Для этого достаточно разделить их в объявлении запятыми:
ТЕГ_1, ТЕГ_2, ТЕГ_3 {свойство_1: значение_1; свойство_2: значение_2}
Вот реальный пример использования CSS:
H4, H3 {color: red; font-family: Courier}
Текст, заключенный в теги H4 и H3, будет написан красным цветом шрифтом Courier.
Ниже рассмотрены основные свойства, описываемые в таблицах стилей.
Color - цвет
Это свойство определяет цвет содержимого тега, для которого он указан. Цвет указывается либо в формате RGB, либо одним из стандартных названий: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellow.
Пример:
BODY {color: black} или BODY {color: #000000}
Font-family - семейство шрифта
Это свойство устанавливает шрифт, которым будет выведен текст. Наиболее часто используются шрифты Arial, Courier и Times New Roman. Это объясняется тем, что при загрузке страницы с таблицей стилей пользователь увидит текст, указанным в таблице стилей шрифтом, только в том случае, если этот шрифт установлен у него на компьютере. Arial, Courier и Times New Roman, как правило, установлены.
Пример:
P {font-family: Arial}
Font-size - размер шрифта
Указывается размер шрифта в пунктах (pt), пикселях (px), дюймах (in) или сантиметрах (cm).
Пример:
EM {font-size: 14pt}
Text-decoration - "украшение" текста
Cуществуют пять основных значений свойства text-decoration. Это - underline (подчеркивание), line-through (зачеркивание), overline (линия над строкой), blink (мигание) и none (отсутствие "украшения" текста).
Пример:
H2 {text-decoration: underline}
Text-indent - отступ в первой строке элемента
Отступ указывается в тех же единицах, что и размер шрифта, т.е. пунктах, пикселях, дюймах или сантиметрах.
Пример:
P {text-indent: 3in}
Text-align - выравнивание текста на экране
Вы можете выбрать один из четырех стилей выравнивания: left (по левому краю), right (по правому краю), center (по центру) или justify (по левому и по правому краю одновременно).
Пример:
P {text-align: justify}
Margin-left - отступ слева
Существуют также свойства margin-right - отступ справа, margin-top - отступ сверху и margin-bottom - отступ снизу. Значения всех этих свойств указываются в пунктах, пикселях, дюймах или сантиметрах.
Пример:
H2 {margin-top: 100px}
В таблицах стилей существует еще много других свойств, однако, это тема отдельной статьи.
Наследование
Одним из важнейших свойств таблиц стилей является наследование. Оно проявляется в возможности одного тега наследовать свойства других тегов, в которые он заключен. Поясним это примером.
Пусть тег P
С помощью простого трюка CSS вы можете улучшить представление шрифтов на своих веб-страницах. При этом и неграфические броузеры и поисковые роботы смогут с ними нормально работать.
Для понимания этого урока читателю вполне хватит базовых знаний о таблицах стилей. Кроме того, предполагается, что предложенный метод будет применяться аккуратно и ответственно в логически верно размеченных документах.
<div>
<span>Hello world!</span>
</div>