Применение стиля CSS, так же называемый каскадные таблицы стилей, в веб-странице позволяет придать ей тот вид к которому все привыкли: в стилях указываются размеры, цвет, положение, выравнивание текста и отдельных элементов на странице.
Без стиля оформления на странице виден только текст, ссылки, изображения, часто в столбик по левому краю, это очень не удобно.
Уроки HTML
Тег style - стиль CSS
Урок 11
Тег style можно подлключать к странице, так же как и тег script, двумя способами: указав между тегами head перед тегом body такую конструкцию:
Между этими тегами нужно сделать необходимое описание элементов. Этот способ подходит если не требуется описывать много элементов, и это маленькая веб-страничка. Все таки вес страницы имеет влияние на скорость загрузки и лучше стиль CSS выносить в отдельный файл с расширением .css. Это простой текстовый документ, который можно редактировать Блокнотом windows, Notepad++ или другим редактором.
Подключение к веб-странице происходит следующим способом
Файл style.css с описанием CSS разметки находится в дириктории css вашего сайта и задействуется при загрузке веб-страницы. Тег link обеспечивает связь со стилем, атрибут href это ссылка на внешний CSS стиль, rel указывает на объект- лист стиля CSS, type - формат "text/css". Это самый оптимальный и распостранениий вариант использования каскадных таблиц стилей.
Еще один вариант испльзования стиля это указание непосредственно стиля в теге:
Но согласитесь это тоже не самый лучший вариант применения стиля CSS.
С уважением, авторы сайта Компьютерапия
Понравилась статья? Поделитесь ею с друзьями и напишите отзыв в комментариях!
Предыдущие статьи
- Уроки HTML | Списки (ul, li, ol, dl, dt, dd) - 20/07/2016 16:57
- Уроки HTML | Тег table, таблица в браузере - 20/07/2016 16:04
- Уроки HTML | Тег script, вставка скриптов на страницу - 20/07/2016 15:56
- Уроки HTML | Тег img - рисунок, картинка, изображение - 04/07/2016 17:19
- Уроки HTML | Тег i - курсив, наклонный текст - 04/07/2016 15:14
- Уроки HTML | Тег abbr, сокращение, аббревиатура - 04/07/2016 14:31
- Уроки HTML | Заголовки H1-H6, выделение разделов текста - 02/07/2016 19:04
- Уроки HTML | Гиперссылки, тег a, линк, якорь - 02/07/2016 18:24
- Уроки HTML | Все как у людей: теги head and body, голова и тело - 02/07/2016 17:26
- Уроки HTML | Общая информация о веб разработке - 02/07/2016 15:19