+7 (911) 913-40---
menu
person
[ Обновленные темы · Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Стили (CSS) в веб-страницу
BobДата: Пятница, 17.07.2015, 19:59 | Сообщение # 1
Лейтенант
Группа: Проверенные
Сообщений: 9
Награды: 1
Репутация: 0
Статус: Offline
Три способа: как добавить стили (CSS) в веб-страницу

Добавить стили в веб-страницу можно тремя способами:
  • Внутренний стиль;
  • Внешний стиль;
  • Встроенный стиль (inline style).


Внутренние стили (Embedded styles)
Внутренние стили добавляются в содержимое тега <head></head>:
Код
<style type="text/css">
<!--    
#wrapper {width:1000px; margin:0 auto; position:relative;}
#header {height:100px; width:100%; position:relative;}
-->

Обратите внимание на комментарии в начале и в конце: они предотвращают отображение стилей на странице каким-либо образом.
Делая изменения в внутренней таблице стилей, вы изменяете стили для конкретной страницы.
Внешние стили (External styles)
Внешние стили подключаются к странице путем вставки подобной конструкции в тег <head></head>
Код
<link rel="stylesheet" href="/template.css" type="text/css" >

Где атрибут href указывает на расположение файла со стилями в директории сайта
Сам файл внешних стилей не содержит тегов <style>
Делая изменения во внешней таблице стилей, вы изменяете то множество страниц на сайте, в которые подключен этот файл.
Встроенные стили (inline styles)
Встроенные стили добавляются непосредственно в сам тег в теле документа.
Код
<p style="font-weight:bold; color:#030303;">Hello, apple!</p>

Встроенные стили нежелательны для употребления (теряется весь смысл изобретения каскадных таблиц стилей - отделение содержания от оформления), используются редко.
 
  • Страница 1 из 1
  • 1
Поиск: