RTFM! статьи, советы, скрипты
::Заработок с помощью сайта ::JScript по-русски! ::Все русские мануалы::
МЕНЮ
О САЙТЕ
НОВОСТИ
СТАТЬИ
КНИГИ
АППЛЕТЫ
СВЯЗЬ

СЧЕТЧИКИ
Rambler's Top100
Рейтинг@Mail.ru
Яндекс цитирования

Использование CSS

Автор: LEO Сайт: http://kimsite.narod.ru     Рейтинг: N/A из 7       <<НАЗАД
   
   
   Каждый кто начинал делать сайт неизбежно натыкался на проблему "бесконечного повторения многих настроек текста и других объектов". Рассмотрим пример, данный в предудыщем разделе:
   
   <Font Face="Verdana" Size="2" Color="#003366"><B><I>Нужный Вам текст</I></B></Font>
   
   Когда так надо написать один-два раза, тогда еще терпимо, но когда такой стиль повторяется раз 40-50 в каждой из 25 страниц?.. Так вот, для вынесения параметров того или иного объекта в отдельный параграф и файл, можно использовать CSS (Cascading Style Sheets - Таблицы Каскадных Стилей). Между тэгами <Head> и </Head> впишите следующее:
   
   <Style>
   Body {font-family: times new roman,tahoma,verdana; font-size: 12px;}
   Td {font-family: verdana,tahoma; font-size: 11px; color: #330000;}
   </Style>
   
   После этого в этом документе по умолчанию будут следующие параметры:
   
   1) Для текста в <Body>
   a) шрифт Times New Roman, если нет - Tahoma, если нет, то Verdana
   b) размер шрифта 12px (пикселов) - независимо от настроек броузера (маленький/средний/крупный).
   
   2) Для текста внутри <Td>, то есть в таблицах
   a) шрифт Verdana, если нет - Tahoma
   b) размер шрифта 11px - независимо от настроек броузера (маленький/средний/крупный).
   c) цвет #330000 (темно-красный)
   
   Довольно показной пример. На самом деле, Вы можете использовать любые тэги вместо <Body> и <Td>, в которых может быть параметры текста. Синтаксис этого "приложения" к HTML довольно простой:
   
   <Style>
   имя_тэга {параметр: значение_параметра; параметр: значение_параметра;}
   </Style>
   
   Наглядно показано в примере выше... Но все же такого сервиса недостаточно, потому что надо бы отдельные части текста (главные мароки именно с ним) "запрограммировать". Для этого надо вмето имени тэга написать "класс элемента" с точкой в начале. Например:
   
   .punkt {font-family: verdana,tahoma; color: #330000;}
   
   Далее, если Вы захотите использовать такие параметры для текста, то в тэге <Font> впишите только один параметр:
   
   <Font Class="punkt"> Текст, который использует CSS </Font>
   
   Конечно, это очень кратко о CSS, неучтены многие тонкости, но надо сказать, что данное "приложение" работает в любом броузере.
   
   Для полноты этой статьи о CSS, перечислим наиболее часто используемые параметры языка:
   
   font-family: verdana,tahoma; - используемый шрифт
   font-style: italic; - курсив текста
   font-weight: bold; - выделение (жирность) текста
   font-size: 12px; - размер текста в пикселах
   text-decoration: none/underline/overline/line-through; - подчеркнутый/надчеркнутый/перечеркнутый текст
   block-level: left/right/center/justify; - положение текста для тэгов <P> и <Div>
   color: #550000; - цвет любого элемента
   background-color:#ffffdd; - цвет фона элемента
   background-image:URL(piture.gif); - фоновое изображение
   margin-left/margin-right/margin-top/margin-bottom: 3%; - отступ слева/справа/сверху/снизу
   width: 75%; - ширина элемента
   height:100pt; - высота элемента
   
   Допустимы следующие единицы измерения:
   
   px - pixels, пикселы
   in - inches, дюймы
   pt - points, точка (1pt = 1/72 in)
   cm - centimeters, сантиметры
   mm - millimeters, миллиметры
   
   
   Есть и еще одно серьезное преимущество CSS - все эти настойки можно выносить в отдельный файл, и вместо старой вставки, надо между <Head> и </Head> прописать следующую строчку:
   
   <Link Rel="StyleSheet" Type="text/css" Href="style.css">
   
   Конечно путь, как и сам файл, может быть другим. А все настройки перенести в style.css...
   
   
   


<<НАЗАД      ОЦЕНИТЬ СТАТЬЮ    ВЕРСИЯ ДЛЯ ПЕЧАТИ>>
Статья прочитана :  раз.




пейкюлю



 
 
 
 
 
pauk ©® 2000-2015. All rights reserved.
При перепечатке ссылка на сайт и указание обязательны.
Мнение администрации сайта не всегда совпадает с мнением автора.
Орфография и пунктуация - авторские.
Администрация не несет никакой ответственности за использование материалов.
.
Protected by Copyscape DMCA Takedown Notice Infringement Search Tool