17723
| | | | |

                           

ИНТЕРНЕТ / INTERNET

Поиск по сайту



Как установить таблицу стилей на сайте

Вернуться к списку статей

AAA + -




Использование стилей позволяет нам расширить возможности html-тегов и, тем самым, улучшить вид наших веб-сайтов. Существует три способа применения CSS-стилей: in-line, внутренний, внешний.

При первом способе(in-line) стили применяются с помощью атрибута style. Вот пример:

<html>
<head>
<title>
In-line
</title>
</head>
<body bgcolor="blue">
<center>
<font style="color:white">
Главная страница сайта
</font>
</center>
</body>
</html>





При втором способе(внутреннем) стили применяются с помощью тега <style>. Приведу пример:


<html>
<head>
<style type="text/css">
font{color:white}
</style>
<title>
STYLE
</title>
</head>
<body bgcolor="blue">
<center>
<font size=3>Главная страница сайта</font>
</center>
</body>
</html>





При третьем способе(внешнем) стили применяются с помощью ссылки на таблицу стилей. Внешняя таблица стилей хранится в файле с расширением *.css. Рассмотрим этот способ применения стилей на примере. Для начала создадим таблицу стилей. Назовем ее «stl.css». Открываем текстовый редактор(например, Блокнот) и вносим следующий код:

font{ color:white;}

Нажимаем меню Файл, Сохранить как…, вводим имя файла « stl.css» и подтверждаем сохранение этого файла. Теперь нам нужно в html-документе создать ссылку на эту таблицу стилей. Для этого нужно между тегами <head> и </head> поместить следующую строку html-кода:

<link rel="stylesheet" type="text/css" href="stl.css">


Вот полный код:

<html>
<head>
<link rel="stylesheet" type="text/css" href="stl.css">
<title>
Внешний способ CSS
</title>
</head>
<body bgcolor="blue">
<center> <font size=3>
Главная страница сайта
</font>
</center>
</body>
</html>





Удачи!


Источник: znaikak.ru
Автор:
Голосов: 0 Общая оценка: 0.0 Просмотров: 11685
Оцените эту статью:  
   Распечатать





Ошибка в тексте? Выдели ее мышкой! И нажми Ctrl+Enter.

Для того , чтобы оставить здесь комментарий, необходимо зарегистрироваться на сайте.






"Мисс Россия – 2017" Полина Попова


Samsung Galaxy S8


«Мисс Вселенная 2017» - Ирис Миттенар (Франция)


MacBook Pro 2016


Камера GoPro 5


iPhone 7 и 7 Plus

 
 

Статьи сегодня:

Как поддерживать чистоту на кухне: 7 предметов, требующих особого внимания
Идеальная чистота в доме достигается не только ...
Как открыть расчетный счет для ИП в Тинькофф и сэкономить на РКО
Любой предприниматель, который хотя бы один ...
Как инфракрасной пленкой обогревать змей
Все хладнокровные животные –черепахи, ящерицы, ...
Как определить тип спиннера?
Сегодня трудно не заметить яркий предмет в руках ...
Как сэкономить в путешествии: лайфхаки для бюджетных туристов
Во время отпусков так хочется отправиться в ...
Как устроен спиннер и зачем он нужен?
Мир сошел с ума! Теперь каждый второй ребенок, ...
Как получить кредит наличными от Почта Банка
Почта Банк предлагает быстрое и удобное получение ...
Как выполнить монтаж кровли из металлочерепицы
Металлочерепица является одним из наиболее ...
Как узнать какой процессор на телефоне Андроид
Наверняка вы знаете, что процессор – один ...
Как быстро избавиться от заложенности носа?
Нет ничего приятного в заложенности носа. Поэтому ...

Смотрите также:

Как установить Php
Давайте теперь перейдем к установке языка PHP версии 4. К...
Как установить MySQL
Сначала определимся: зачем же вообще нужны базы данных...
Как установить Денвер?
Сейчас многим пользователям сети интернет приходит в голову ...
Как установить WordPress на Денвер?
Итак, Вы решили создать свой собственный сайт, и выбрали для этого ...
Как выбрать и установить плагин для Wordpress?
Итак, мы имеем с Вами - уже установленный на хостинг Wordpress ...


YouTube канал про Apple

ВОПРОСЫ - ОТВЕТЫ


НОВЫЙ ПОДКАСТ

Как Элвис Пресли стал королем рок-н-ролла
В истории музыки есть имена, прочно ассоциирующиеся ...

Все подкасты


ТЭГИ

Google Photoshop бесплатно блог браузер вашего веб Вконтакте всем вывести вытащить дизайн добавить живые зависимость заработать защита знакомств имя интересные интернет интернет-магазин интернете красивый любой людей место может название общаться пластиковая построить Почта продать проект профиль развивался распознать рождался сайт сайта сайте сети сеть скорость смотреть создаются социальные стали товары удалить управления услуги факты фотографии футбол хитрости через электронная этикет

Не нашли ответа?
Спросите нас, как…


Письма читаем регулярно,
ищите ответы в соответствующей рубрике.