Новый Киберспортивный проект приветствует вас! На нашем проекте Afree.at.ua - имеется множество файлов для мега-популярной среди молодёжи игры Counter-Strike 1.6. Читы, патчи, steam программы, карты, тактики - это ещё не полный список тех файлов, что есть на нашем Киберспортивном проекте! Смотрите мувики CS 1.6, находите нужные вам конфиги, скачивайте готовые сервера, ищите патчи CS 1.6 для своих версий Counter-Strike 1.6. Множество различных модов в, интерестных программ, изменённые модели всех оружий, боты на любой вкус и цвет - только на нашем сайте. Ждём вас ещё на нашем Киберспортивном проекте!
Главная | Регистрация | Вход Приветствую Вас Гость | RSS
Реклама:
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Модератор форума: DeN, VorteX 
Форум AFree.at.ua » Всё для WEB-Мастера » Вопросы по uCoz » Внедрение CSS в HTML документ
Внедрение 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 файл.
Форум AFree.at.ua » Всё для WEB-Мастера » Вопросы по uCoz » Внедрение CSS в HTML документ
Страница 1 из 11
Поиск:


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

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

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

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

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

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

Обзор игры Prime World

SteelSeries KoTH : Germany

WES Cyber School - Урок #9

Cs 1.6 war3FT 9.6 + боты

TeamSpeak3 Client

Zombie Plague 4.3 + CSO

Counter-Strike 1.6 CD Key Generator

Counter-Strike v.1.6 (Version Pack 4)

Ammo Packs!

GUI - ESL Extreme Masters

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

~Just4Fun~.VS.SGO-AF

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

WES Cyber School

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

RD Portal

Сайт клана W.C.T.

Last Chaos

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

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

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

Zbot patch by BeNNY BLaNCO v 1.1

logo10

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

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

(1)

Схема заработка! 500р в день.Без вложения!

(0)

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

(0)

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

(0)

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

(0)

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

(0)

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

(4)

Прибавь 10

(159)

Флуд

(159)

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

(125)

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

(65)

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

(42)

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

(33)

Набивка постов № 2

(28)

Maklay

(953)

DeN

(947)

Pa1nt

(248)

f0nd3r

(127)

s1mpLygood

(126)

Chester

(90)

DeM

(66)

sssprint27

(23.06.2017)

Emai-Nado

(08.06.2017)

kontrabas71

(26.04.2017)

carmakova

(13.04.2017)

SET_07

(06.03.2017)

LEGKO_ZARABOTAT

(06.02.2017)

СаНтаКлаУс

(11.01.2017)


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

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