Analog Ocean Minded Ezekiel Element Fox Honolua Matix Mada Jet Pilot Surf Clothing And FootwareSurf 1 tutorial

English | Português | >> По-русски <<

thebigdir > Tutorials > Surf tutorial

Введение / Поиск / Analog Ocean Minded Ezekiel Element Fox Honolua Matix Mada Jet Pilot Surf Clothing And Footware

Содержание

Пример 1	В этом курсе вы научитесь задавать вид ваших страниц в одном центральном CSS-файле. Пример-1 и Пример-2 используют тот же исходный HTML текст, но применяют разные стилевые таблицы при форматировании. Стилевая таблица определяется гипертекстовой ссылкой. Атрибут href дает адрес стилевого файла, атрибут типа должен иметь значение "text/css", а атрибут rel - значение "stylesheet".
Пример 2	В этом примере тот же стилевой файл используется для форматирования различных HTML текстов.
Пример 3	Стилевые CSS-таблицы представляют собой простые текстовые файлы, содержащие одно или несколько правил. Каждое правило начинается с селектора (имени форматируемого элемента), за которым следуют фигурные скобки "{}". Фигурные скобки содержат индивидуальные свойства форматирования, разделяемые точкой с запятой ";". Свойства и их значения разделяются двоеточием ":". Легко видеть, что многие свойства и их значения не требуют разъяснения.
Пример 4	Мы начнем с наиболее часто встречающейся задачи - спецификации цвета. Она позволит нам сформулировать несколько важных понятий. Цвет текста определяется свойством "color", а цвет фона - свойством "background-color". Если для данного элемента свойство не определено, то его значение обычно наследуется от элементов, внутри которых данный элемент находится. Если и эти элементы не определяют свойство, то используется стандартное свойство браузера (по умолчанию).
Пример 5	Если несколько элементов имеют одинаковое свойство, то оно может быть описано в одном месте. В этом случае определению в фигурных скобках предшествует список селекторов (имен элементов), разделенных запятыми.
Пример 6	Если список селекторов не разделен запятыми, то он имеет совсем другой смысл и определяет контекстуальные селекторы. Он определяет свойства элементов, содержащихся в последнем упомянутом селекторе, если этот селектор находится внутри элементов, определенных в предыдущих селекторах.
Пример 7	До сих пор наши стилевые файлы содержали только одно определение для каждого элемента. Однако, это не является правилом, число определений не ограничено. Точки с запятой ";", которые мы ставили между отдельными свойствами в предыдущих примерах, являются всего лишь сокращениями полного списка.
Пример 8	В предыдущем примере каждое определение для одного и того же элемента определяло различное свойство. Если свойство определяется несколько раз, то применяется последнее определение.
Пример 11	До сих пор для определения цвета мы пользовались названиями. Имеется 16 стандартных цветов: aqua (голубовато-зеленый), black (черный), blue (голубой), fuchsia (красно-синий), серый (gray), зеленый (green), lime (желто-зеленый), maroon (бордовый), navy (синий), olive (оливковый), purple (фиолетовый), red (красный), silver (серебристый), teal (синевато-зеленый), white (белый), и yellow (желтый) (названные цвета можно увидеть в Surf 1 Reference). Имеется несколько других нотаций для обозначения цвета, с которыми можно ознакомиться Surf 1 Reference более подробно. В нашем примере aqua определяется в соответствии с этими нотациями.
Пример 9	Иногда приходится различать элементы с одинаковыми именами. В этом случае удобно воспользоваться атрибутом "класс". В стилевом файле после имени требуемого элемента ставится точка ".", за которой следует атрибут класса.
Пример 10	Если после имени элемента не стоит имя класса, то все соответствующие элементы уже определены. Элементы с добавленным атрибутом класса имеют более высокую степень предпочтения, чем элементы без атрибута.
Пример 12	Surf 1 содержит ряд свойств, определяющих вид индивидуальных букв. Их размер определяется свойством "font-size" (размер шрифта). Размер можно задавать абсолютно с помощью ключевого слова, выбираемого из следующего списка: [xx-small \| x-small \| small \| medium \| large \| x-large \| xx-large ] (Case 1), относительно с помощью ключевых слов [larger \| smaller ] (Case 2), или используя (Case 3 и Case 4) единицы (сравнение индивидуальных единиц можно найти в Surf 1 справочник
Пример 13	Свойства "font-style" [normal \| italic \| oblique], "font-variant" [normal \| small-caps], и "font-weight" [normal \| bold \| bolder \| lighter \| 100 \| 200 \| 300\| ... \| 900] определяют форму и жирность букв. Больший номер "font-weight" означает большую жирность, "bold" (жирный) соответствует величине "700", "normal" (нормальный) - величине "400". Case 1 сравнивает различные стили, Case 2 сравнивает жмрность.
Пример 14	Текст можно подчеркнуть или прямую линию можно провести над текстом или через текст. Эти эффекты достигаются с помощью свойства "text-decoration" (украшение текста).
Пример 15	Выравнивание текста определяется свойством выравнивания, имеющим значения left (выравнивается левый край абзаца), right (правый край) и justify (оба края).
Пример 16	Имеется много свойств, используемых для установки границы элементов.
Пример 17	Данное руководство содержит лишь краткое введение по использованию стилевых файлов. Surf 1 имеет много возможностей, а Surf 2 преумножает их еще более. В качестве следующего шага в освоении Surf мы рекомендуем тщательно изучить наш полный Surf 1 справочник со многими дополнительными примерами и свойствами, не упомянутыми в данном вводном материале.

visit Quiksilver Surf Camps and Surf School and book a surf lesson.

And for the girls you can visit this site Roxy Surf Camps and Surfing School to learn more about surfing and take a class as well.

If you want to see a good surf contest visit this site: Billabong Pro Pipeline Masters Surfing Contest 2007. You'll be glad you did.

Billabong Pro Pipe Pipeline Masters 2007 Surf Contest This website is one that you have to see at boardshort superstore quiksilver billabong swim suit hurley roxy quicksilver volcom

This is a must go surfing event: Eddie Would Go Aikau Big Wave Invitational 2007 Quiksilver Surf fans from around the world will be watching this event and buying the Eddie Would Go Surf Clothing.

Check out these online surf shop websites. I like the BOARDSHORTSUPERSTORE.COM website the best but there are others. There is also the BUYBOARDSHORTS.COM website that has a good selection as well. And if you want to see a great selection of shirts, BUYSURFTEES.COM is a good site and I think each one of the websites has a great selection.