Войти на сайт
Регистрация
Обратная связьНаш магазинБлог администрации
Российская школа CSS - Справочник CSS, уроки CSS, jQuery
Оптимизатор CSS Конструктор CSS
Российская школа CSS » Статьи по CSS » Статья по CSS 1. Введение в CSS
Не нравится(-) 82 Нравится(+)
Статья по CSS 1. Введение в CSS

В этой статье, я попытаюсь дать вам начальные сведения о CSS (каскадных таблицах стилей), а также методах и целях их применения.

До появления CSS, дизайнеры и верстальщики прописывали стили внутри html тегов. Это было довольно неудобно, так как при желании изменить какой-либо стиль, это необходимо было делать во многих местах, да и кроссбраузерность никто гарантировать не мог. После своего появления, Каскадные таблицы стилей решили все эти проблемы.
Начну свой рассказ, пожалуй, со способов подключения стилей к странице:

1. Подключение CSS отдельным внешним файлом с расширением .css. Пожалуй, самый удобный способ. Он гарантирует максимально лёгкое и удобное редактирование стилей и не нагружает ими страницу. К самой странице подключается так:
Между тегами
<head></head>
вставить такой код:
<link href="style.css" rel="stylesheet" type=text/css>

Соответственно, файл должен называться style.css и находиться в одной папке с самим файлом html.

2. Встраивание блока стилей в саму страницу. Удобство этого метода состоит в том, что не надо создавать дополнительных файл, а главный недостаток - нагрузка стилями html кода. Подключается так:
<style type="text/css">Стили </style>


3. Встраивание стилей в сами теги. На мой взгляд - самый неудобный способ, так как затрудняет последующее редактирование и нагружает страницу. Подключается так: Внутри кода напишите
style=&#8221;стили&#8221;


Вот, пожалуй, и всё о методах использования CSS. Теперь немного о преимуществах, которые нам даёт использование таблиц каскадных стилей:


  1. Очищение html-кода от стилей

  2. Ускорение загрузки страниц сайта

  3. Максимальная кроссбраузерность

  4. Расширенные возможности работы со стилями

  5. Возможность достижения интересных графических эффектов



Вот и всё, для начала. Желаю Вам удачи в изучении и использовании CSS.


-----------------------------------
Правила копирования материалов статьи
Перейти в категорию статей по CSS


Уважаемый посетитель Российской школы CSS! Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем. Спасибо за внимание!



---------------------------------------
---------------------------------------

Похожие публикации

Публикацию посмотрели 12160 раз(а) и написали 13 комментариев.
Подписаться на канал RSS Добавить сайт в закладки

«    Сентябрь 2017    »
ПнВтСрЧтПтСбВс
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
© 2008-2017 Copyright, Российская школа CSS. CSS-School.RU. Все права защищены.
Designed by GZ Design, OniX © 2010 - 2017
Valid XHTML 1.0 Transitional Правильный CSS!