На страницах этого специализированного сайта Вам предлагается ознакомиться с материалами, как можно заработать не умея делать сайта, способы заработка, регистрация на англоязычных сайтах, как можно переводить страницы с иностранных языков, полезные сервисы сети, как работать с Google Adsense и Google Adwords, что такое блоги и как можно на них зарабатывать, как можно получить доменное имя и как его можно использовать, что такое фотобанк и микросток и как на этом можно заработать, раскрутка своего сайта, что это такое и для чего нужна раскрутка, как правильно проводить раскрутку, платежные системы интернета, регистрация на них, способы вывода денег, поисковые системы, поисковая оптимизация, ваш первый сайт, все от создания до публикации.Дорогу осилит идущий - гласит народная мудрость. Для того, что бы не оставаться "на обочине", необходимо быть в курсе всех событий, знать передовые методы добычи денег, которые не требуют огромных физических усилий, но некоторой сноровки и специальных знаний, для этого необходимо, прежде все го учиться, много читать, анализировать, пробовать. Только таким образом Вы добъетесь желаемого результата и сможете заработать в сети и не только в сети.

Для навигации по сайту пользуйтесь КАРТОЙ САЙТА                                 


Создаем сайт.


страница: 1 / 2 / 3 / 4 / 5 / 6 /

    Часть пятая. CSS - Таблицы каскадных стилей в примерах

В этой части рассмотрим как можно использовать CSS. Как организовать управление внешним видом своих страниц, синтаксис и способы применения.
   При помощи CSS нет необходимости описывать стиль отображения элемента каждый раз. Достаточно один раз описать его, назначить ему имя(селектор), потом вставить в нужное место. Теперь разберемся, как же browzer "узнает", что мы применяем CSS?

Для этого существует тег <style>, но в каждом случае он используется по разному.

  • В первом случае, с наивысшим приоритетом, тег используется не парным.
    На пример:
         <div style="font:12px san-serif #ccffcc; background-color:#ffffff;pozition:relative;top:0px;left:0px"
  • Во втором случае,с меньшим приоритетом, парный. Стили описываются в начале, между тегами <head>и</head>
    На пример:
         
    <style>
         p {color:darkred;text-align:justify;font-size:8pt;} </style>
  • В третьем случае, еще с меньшим приоритетом, при использовании отдельного файла. Эта строчка записывается в начале страницы между тегами <head>и</head>
    На пример:
         
    <link type="text/css" rel="stylesheet" href="http://my_site.ru/my_css.css">
  • В четвертом случае, самый низкий приоритет, это импортированные CSS
    На пример:
         
    <style> @import:url (http://my_site.ru/style.css)
    a {color:cyan;text-decoration:underline;}
    </style>

          Импортирование стилей должно стоять раньше всех описаний стилей. Его можно импортировать в свой внешний файл описания стилей.

Теперь подробнее о синтаксисе. Если применяется внешний файл, что предпочтительнее. Потому, как все описания стилей находятся в отдельном файле и применяются там где необходимо, не "утяжеляя" кодом страницы сайта, обязательно должен стоять указатель на этот файл <link type="text/css" rel="stylesheet" href="http://my_site.ru/my_css.css"> Понятно, что все должно быть написано без изменений, кроме значения href="http://" Где указывается свой путь к файлу, который в свою очередь, может называться как угодно, с расширением *.CSS. Еще раз напомню, эта запись делается между тегами <head>и</head>

Если стили применяются непосредственно в странице, внутри тега, то свойства пишутся в кавычках, как в первом случае. Если стили описываются в начале страницы, как во втором случае, и при записи в отдельном файле *.CSS, то описание стилей берется в фигурные скобки {...}

Внутри кавычек и скобок описываются сами стили, оформляется это все вот таким образом имя_стиля: значение; другое_имя:значение; Наличие или отсутствие пробелов не играет роли, главное не пропустить эти знаки (: ;) если стиль один, или стиль стоит последним то точка с запятой не обязательна.

Можно определить стиль для изменения элементов таких как <h1,2,3...>,<div>,<p>,<span> и других, но что делать, если надо один элемент отображать в некоторых случаях по другому. Для этого задаются параметры отдельному классу class Описывается стиль так: .b1{FONT-WEIGHT: normal; FONT-SIZE: 11pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif} Это если писать в файле, а применяется, на пример к параграфу<p class="b1"> уже без точки. Преимущества этого способа в том, что этот стиль можно применить к любому тегу и разнообразить одинаковые.

Теперь приведу образец одного файла стилей, который есть в учебнике по HTML "Для тех кто в танке."

  A:link {COLOR: #666666; FONT-SIZE: 9pt; TEXT-DECORATION: none}
  A:visited {COLOR: #666666; FONT-SIZE: 9pt; TEXT-DECORATION: none}
  A:active {COLOR: #666666; FONT-SIZE: 9pt; TEXT-DECORATION: none}
  A:hover {COLOR: #6c0000; FONT-SIZE: 9pt; TEXT-DECORATION: underline}
  BODY {FONT-WEIGHT: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
  TD {FONT-WEIGHT: bold; FONT-SIZE: 12pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
  DIV {FONT-WEIGHT: normal; FONT-SIZE: 11pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
  P {FONT-WEIGHT: normal; FONT-SIZE: 11pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
  .small {FONT-WEIGHT: bold; FONT-SIZE: 10pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}
  .large {FONT-WEIGHT: bold; FONT-SIZE: 11pt; FONT-FAMILY: Arial, Helvetica, sans-serif}
  .navigation {BACKGROUND: #FFFFFF}
  .navigationcell {BACKGROUND: #FFFFFF}
  .micro {FONT-WEIGHT: bold; FONT-SIZE: 9pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; color: #6C0000}
  .z1 {FONT-SIZE: 8pt; COLOR=#999999; FONT-WEIGHT: bold; text-align: center}
  .t3 {FONT-SIZE: 8pt; }
  .link {FONT-SIZE: 12; FONT-STYLE: italic}
  .txt {text-indent: 8pt; text-align: justify}
  .com {text-indent: 10pt; FONT-STYLE: italic; text-align: justify; FONT-SIZE: 10}

На сегодня все. В следующем уроке будем разбираться кто и что может иметь в качестве атрибутов и свойств, и как это реализовать с примерами.

следующий урок >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<предыдущий урок


Полезные ссылки



О растениях от А до Я



Осторожно мошенники



Как заработать в сети?



Сколько мы живем после смерти?



Здоровье как инструмент



Как стать успешным во всем?



Невезет?



Где взять свободное время?



Что стоит за позитивным мышлением?



Путь к своей цели



Сетевые сервисы



Фотобанк



Способы заработка



Заработать не умея делать сайта



Обзорная статья о фотобанках



Как заработать в сети без сайта



Оптимизация вебстраницы. Часть 1.



Оптимизация. Часть 2.



Небольшой FAG по фотобанкам



Раскрутка сайта



Карта сайта



Ваш первый сайт



Как перевести с других языков



Страница бесплатной загрузки



Зарабатываем с Google Adsense



Заработок web-мастерам и не только.



Товары с доставкой по Москве и всей России!








©2008 Егор Пятовский   Карта сайтаЗеленая аптека Интересно знатьМошенники?Будь позитивным
Каталог TUT.BY

Все вопросы направляйте по адресу mailto: grench21@yandex.ru

Free Web Hosting