Сегодня поговорим о таблице стилей. В предыдущих версиях html веб - страница, ее внешний вид, оформлялась с помощью тегов html. Теперь этот метод считается устаревшим. Вместо него используется таблица стилей. Таблицы стилей бывают внешние и внутренние. Внутренние таблицы стилей пишутся внутри тегов <style>. Внешние оформляются в отдельный файл. Открываете Блокнот и сохраняете страницу, под любым названием, с расширением css. Например, style.css. Внутри html - страницы, между тегами <head> и </head>, прописываем путь к внешней таблице стилей:
<link rel="stylesheet" href="/style.css" type="text/css"/>
Рассмотрим подробнее, как можно использовать таблицу стилей. С ее помощью можно задать цвет основного фона страницы или сделать фоном фото. Вот так:
body{background-color:peachpuff; }
Или так:
background-image:URL(image.jpg)
Для подстраховки лучше применять и то и другое. На тот случай, если не отобразится картинка (например, при выключенных изображениях, в браузере пользователя).
Также с помощью таблицы стилей можно выделить практически любой тег html.
p, div, table{ color:red }
Также можно установить для всей страницы размер, цвет и стиль шрифта и мн.др. В следующий раз поговорим о том, как с помощью таблицы стилей, оформить внешний вид ссылок.
|