Читайте также: |
|
CSS (Стильдердің сатылы кестелері) HTML тілімен қосыла отырып, гипермәтіндік парақтарды кәсіби программаларда жасалған мультимедиялық өнімдерден айнымайтын динамикалық әрі интерактивті деңгейде көрсетуге мүмкіндік береді.
Сценарийлер енгізілген CSS статикалық HTML-тілін динамикалық жаңа күйге келтіретін қосымша мүмкіндіктер жиыны.
STYLE атрибуты арқылы мыналар атқарылады:
- Жеке тәг стилі
- Жеке HTML-файлы стилі
- Бірнеше HTML-файлдарына арналған стиль
- Аралас стильдерді пайдалану
Жеке бір тәг үшін жазылған стиль. Мысалы, <P> тәгі арқылы нақты бір абзац қалай бейнеленетінін былай көрсете аламыз:
<Р style="font-size:1.5cm; color:green">
Стиль style атрибутымен берілген. Мұнда браузерге абзацты көлемі 1.5 сантиметр болатын жасыл әріптермен жазуға нұсқау берілген.
Стильді анықтау мынадай түрде жазылады:
сипаттама:мәні;
font-size:1.5cm;
color:green;
Әрбір анықтаулар бір-бірінен «;» символы арқылы бөлініп жазылады. Style атрибутын оның параметрлері арқылы әрбір тәгке қолдана аламыз. Енді стильдер қолданылатын толығырақ бір мысал қарастырайық.
<HTML>
<HEAD>
<TITLE> Жеке тәг стилі </TITLE>
</HEAD>
<BODY bgcolor=white text=black>
<H2> Бір тәг үшін жазылған стиль </H2>
<HR>
<UL>
Lt;LI> Бұл қарапайым мәтін.
<LI style="color: red; font-size: 1cm;
font-style: italic">
Биіктігі 1 см қисайтылған қызыл әріптер.
<LI style="margin-left: 2cm">
Сол жақ шеттен 2 сантиметр шегініс.
</UL>
</BODY>
</HTML>
Жеке HTML-файлына арналған стиль. Стильді тек бір тәг үшін немесе бірнеше тәгтер үшін бір рет жазылған анықтаулар HTML-құжатының басынан соңына дейінәсер ететіндей етуге болады.
Мысалы, барлық тәгтер атауларын тізіп, стильдік анықтауларды құжаттың тақырып бөлігіне орналастыру қажет.
Стильдік анықтаулар немесе селекторлар мынадайблок ішіне жазылады
<style>... </style>
<HTML>
<HEAD>
<TITLE> Жеке файлға арналған стиль </TITLE>
<STYLE type="text/css">
<!--
Дата добавления: 2015-11-14; просмотров: 228 | Нарушение авторских прав
<== предыдущая страница | | | следующая страница ==> |
Енгізу өрісі түрі, <TYPE> атрибуты. <INPUT> тәгінің <TYPE> атрибуты мәндері кестеде көрсетілген. 6 кесте | | | Теориялық мағлұмат |