 |
Для лучшего оформления сайтов и простой его смены, используют каскадные таблицы стилей (CSS), которые включают в себя разнообразные настройки элементов сайта (от фона, до шрифта).
Эта статья расскажет вам, как и зачем их использовать.
Сейчас я расскажу об основных способах подключения CSS к странице.
Подключение CSS к сиранице может осуществляться несколькими способами:
1. CSS отдельным внешним файлом.
Подключаемый css файл удобен для случая, если у вас много страниц в одном стиле.
Для подключения CSS используется тэг Этот тэг вставляется в исходный текст страницы между
и.
Пример кода:
<head><br />
<title> Test </title><br />
<link rel=”stylesheet” type=”text/css” href=”style.css” mce_href=”style.css” /><br />
</head>
Любой браузер найдет этот файл и соединит с необходимой страницей.
2. Встроенные стили
Встроенные стили чаще всего используются, когда для каждой страницы нужны уникальные стили. Это не очень удобно, потому что встроенный таким образом CSS перегружает код страницы. Встроенные в страницу стили определяются тэгом, примерно так:
<head><br />
<style type=”text/css”><br />
html<br />
{<br />
overflow-x: auto;<br />
}<br />
<br />
body<br />
{<br />
background: #fafafa;<br />
color: #222;<br />
font-family: Verdana, Tahoma, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, }<br />
</style><br />
</head>
3. Inline стили
Пожалуй это самый неудобный способ использования стилей. Но некоторые программисты их все равно используют. В этом способе стили указываются конкретно для каждого элемента страницы.
Для того, чтобы использовать стили внутри элемента, нужно вставить код style=”styles” внутри тэга:
<p style=”color: #222; margin-left: 10px”> Text </p>
10 причин использовать CSS (по мнению Кристофера Шмидта)
1. Создание новых технологий заменяет традиционные методы вебдизайна. Консорциум Всемирной паутины (w3c) создал css, чтобы заменить html язык:таблицы, настройки шрифтов, фрэймы и др.
2. Быстрое время загрузки. Размер файла меньше на 50%, чем обычная страница на html.
3. Легкость и быстрота редактирования. Изменяет настройки для тысячи страниц всего одним файлом.
4. Качественный контроль над типографией сайта, шрифты настраиваются лучше и удобнее в ксс, чем тэгом font
5. Легкость в написании и редактировании.
6. Использование ксс эффективно для структурирования содержания в html
7. CSS позволяет создавать не только веб-страницы, но и презентации для powerpointa и других программ
8. Качественный контроль над размещением элементов на страницы и местоположением.
9. Верстать страницы на css с помощью div’ов эфективнее, чем на хтмл, а так же позволяет производить более качественную верстку сайта, с помощью css можно сделать больше.
10. Сайты сделанные на css или с его помощью лучше индексируются поисковиками. Специальные тэги помогают повысить поиск вашего сайта и получить высоий pr.
Автор Кристофер Шмидт.
|
|
