Помогни ни да направим Uroci.net по - богат!
Добави урок
Други уроци
Adobe Photoshop
Adobe Illustrator
Adobe Flash
Adobe Fireworks
DreamWeaver
CSS и HTML
Corel Draw
Image Ready
PHP
SEO
CMS
Microsoft Windows
Microsoft Word
Microsoft Excel
PowerPoint
Microsoft Access
Microsoft Publisher
Linux
Visual basic
JavaScript
Ajax
3ds Max
Maya 3D
C++
Sound Forge
Gimp
SWiSH
видян: 3126
Обикновено вътрешните за цял един
HTML документ стилове се използват, когато на дадена HTML страница трябва да се
зададе отделен от стила на общия набор HTML документи стил. Вътрешните за HTML
страницата стилове се дефинират в секцията head на страницата, като се затварят
между таговете <style type="text/css"> и </style>.
Имайте
предвид, че по-старите браузери не разпознават тага style и няма да покажат
страницата във вида, в който желаете да изглежда.
Стандартния синтаксис на
вътрешните за HTML документа стилове е:
<head>
<style
type="text/css">
селектор {атрибут:
стойност}
...
...
</style>
</head>
ПРИМЕР:
<!DOCTYPE
html PUBLIC "-//W3C//DTD XHTML 1.0
Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>
Вътрешни
за HTML документа стилове (Internal Style Sheet)
</title>
<meta
http-equiv=Content-Type content="text/html; charset=windows-1251"
/>
<style type="text/css">
body {background-color:
#cccccc}
h1 {color: #ff0000; font-size:
38px}
</style>
</head>
<body>
<h1>ЧЕРВЕНО
ЗАГЛАВИЕ ВЪРХУ СИВ ФОН НА
СТРАНИЦАТА</h1>
</body>
</html>
Тъй като
някои по-стари браузъри може да не покажат ефекта от декларираните стилове, а да
покажат направо кода, затворен между таговете <style type="text/css"> и
</style>, затова е препоръчително да ограждате този код в HTML таговете за
коментар <!-- и -->:
<style
type="text/css">
<!--
body {background-color: #cccccc}
h1 {color:
#ff0000; font-size: 38px}
-->
</style>
