Новый Киберспортивный проект приветствует вас! На нашем проекте Afree.at.ua - имеется множество файлов для мега-популярной среди молодёжи игры Counter-Strike 1.6. Читы, патчи, steam программы, карты, тактики - это ещё не полный список тех файлов, что есть на нашем Киберспортивном проекте! Смотрите мувики CS 1.6, находите нужные вам конфиги, скачивайте готовые сервера, ищите патчи CS 1.6 для своих версий Counter-Strike 1.6. Множество различных модов в, интерестных программ, изменённые модели всех оружий, боты на любой вкус и цвет - только на нашем сайте. Ждём вас ещё на нашем Киберспортивном проекте!
Главная | Регистрация | Вход Приветствую Вас Гость | RSS
Реклама:
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: DeN, VorteX  
Внедрение CSS в HTML документ
FoRtoviyДата: Суббота, 14.05.2011, 00:03 | Сообщение # 1
Рядовой

Сообщений: 13
Награды: 0

[ ]


Внедрение CSS в HTML теги.
Способ линейного внедрения CSS был рассмотрен в HTML уроках:

Code
<p style="color:red; font-weight:bold">Текст красного цвета, полужирный</p>

Результат:
Текст красного цвета, полужирный

Внедрение CSS в секцию <head> </head>.

Этот способ пригоден для оформления web-сайтов с небольшим количеством страниц, он также подходит для новичков, так как все манипуляции произходят в рамках одного документа:

Code
<html>   
<head>   
<title> </title>   
<style type="text/css">   
p {color:#006633}   
.forexample {color:Yellow}   
#ident {color:#ffffff; font-weight:bold}   
body {background-color:#66cc66}   
</style>   
</head>   
<body>   
<p>Текст параграфов этого документа темно-зеленого цвета</p>   
<p>Текст</p>   
<p class="forexample">А здесь текст желтый</p>   
<p id="ident">Текст белого цвета, полужирный</p>   
<h2 class="forexample">Заголовок</h2>   
<p>Текст</p>   
</body>   
</html>

Атрибут со значениями type="text/css" внутри тега <style> сообщает, встроенному в браузер интерпретатору, что применены стилевые описания, то есть CSS. Обратите внимание на синтаксис: первым делом назван селектор (p, body, .forexample, #ident), затем открыта фигурная скобка, прописан атрибут со значением, фигурная скобка закрыта. Атрибуты между собой разделяются точкой с запятой.
Свойства, назначенные селектору.forexample, распространяться на все элементы, которые содержат class="forexample", в пределах одного документа. Что касается селектора #ident, то он управляет всем, что содержитid="ident". Значения атрибутов class="" и id="" могут содержать цифры, но не должны начинаться с цифр.

Ссылка на внешний файл с расширением .css

Попробуйте представить, что ваш сайт содержит несколько десятков страниц, а вы решили сменить цвет заголовков... Используя третий способ, достаточно изменить несколько значений во внешнем .css файле, чтобы добиться желанного результата.

В текстовом редакторе создайте файл следующего содержания:

Code
@charset "windows-1251";   
/* CSS Document */
body {background-color:#0000cc}  
p {color:#222255}  
.forexample {color:Orange}  
#ident {color:#ffffff; font-weight:bold}

Сохраните его в папке, в которой находится файл index.html, но не с .html расширением, а с .css, например, как file.css.
Атрибуты и значения:

@charset "windows-1251"; – определяет кириллистическую кодировку.
/* CSS Document */ – так вводятся комментарии в CSS.

Код из примера выше может быть представлен таким образом:

Code

@charset "windows-1251";   
/* CSS Document */        

body {   
background-color:#0000cc        
}   
p {        
color:#222255   
}   
.forexample {   
color:Orange        
}   
#ident {   
color:#ffffff;   
font-weight:bold        
}  

Приблизительная структура HTML документа:

Code
<html>   
<head>   
<title> </title>   
<link rel="stylesheet" type="text/css" href="file.css" />   
</head>   
<body>   
<p>Текст параграфов этого документа темно-синего цвета</p>   
<p>Текст</p>   
<p class="forexample">А здесь текст оранжевый</p>   
<p id="ident">Текст белого цвета, полужирный</p>   
<h2 class="forexample">Заголовок</h2>   
<p>Текст</p>   
</body>   
</html>

Непарный тег <link /> определяет ссылку на внешний .css файл.
  • Страница 1 из 1
  • 1
Поиск:


Популярные новости

Навыки владения пистолетами в CS 1.6

Как отключить акселерацию в Windows 7

Киевский турнир Counter-Strike:Source - FUNLAN Tournament #1

Config для CS 1.6 за 2010 год

Превью игры War of the Vikings

Обзор игры Prime World

Итоги Heaven Media Awards 2009!

С Днем Рождения, STRIKE!

Cs 1.6 war3FT 9.6 + боты

TeamSpeak3 Client

Counter-Strike v.1.6 (Version Pack 4)

Zombie Plague 4.3 + CSO

Counter-Strike 1.6 CD Key Generator

Ammo Packs!

arctic kalashnikov

risk.VS.W|[$]|T

~Just4Fun~.VS.SGO-AF

Готовый сервер Zombie Plague Mod 4.3 для CS 1.6 (+боты, +DM)

WES Cyber School

Полный FAQ по Counter Strike 1.6

RD Portal

|-Добро пожаловать-|-=Казань<-=->Сайт=-

Last Chaos

Троецарствие

Веселая ферма 3

Сокровища Монтесумы

Zbot patch by BeNNY BLaNCO v 1.1

logo10

Статистика Форума
Последние обновленные темы Самые популярные темы Самые активные Новые участники

Создание знаков ☺ ☻ ♥ ♦ ♣ ♠

(8)

Для тех у кого ускоряется CS или идёт с рывками

(1)

Профиль в правом нижнем углу для ucoz

(0)

Форма поиска по сайту ucoz

(0)

Кнопка вверх и вниз для сайта

(0)

Вид статистика для ucoz

(0)

СЕЙЧАС Фригейм.рф новый сервер Lineage2 x50HL

(4)

Прибавь 10

(159)

Флуд

(159)

Досчитать до 1000 !

(125)

Игра "обламай товарища"

(65)

Интересный конкурс!

(42)

Любимые про-команды

(33)

Финал конкурса на самую смешную картинку )

(28)

Maklay

(953)

DeN

(947)

Pa1nt

(248)

f0nd3r

(127)

s1mpLygood

(126)

Chester

(90)

DeM

(66)

343070026

(08.07.2024)

jabapeppe

(09.02.2024)

gloriamorris871

(15.01.2024)

mityg5678ooo

(25.07.2021)

hellsize1954

(05.05.2021)

vajigoc103

(04.02.2021)

bykovadma

(01.02.2021)


[ Смотреть чат ]

Хостинг от uCoz | ForumSiteMap | SiteMap |