Аралас стильдерді пайдалану

Сонымен HTML-кодтары шін стильдерді пайдалануды ш тсілі бар екен:

• жеке тг шін анытау;

• HTML-файлыны таырыбында анытау;

• баса CSS файлында стильді анытау.

Енді осы тсілдерді араластыра пайдаланып крейік. Оларды айсысы басым екенін мысалдар арылы арастырайы.

Бірнеше мысалдар келтірейік.

CSS анытаулары жо жат

Тмендегі мысалда таырыптар ара тспен а фон арылы жазылады.

1.4 мысал

<HTML>

<HEAD> <TITLE> 1 мысал </TITLE>

</HEAD>

<BODY bgcolor=white text=black>

<H1> 1 таырып </H1>

<H2> 2 таырып </H2>

<HЗ> 3 таырып </HЗ>

</BODY>

</HTML>

Жеке тг шін CSS анытау

Тмендегі код алашы екі таырыпты ара тспен, ал соысын ызыл тспен бейнелейді.

1.5 мысал

<HTML> <HEAD> <TITLE> 2 мысал </TITLE> </HEAD>

<BODY bgcolor=white text=black>

<H1> 1 таырып </H1>

<H2> 2 таырып </H2>

<H3 style="color:red"> 3 таырып </H3>

</BODY>

</HTML>

<HEAD> тгіндегі CSS-нсаулар

Тменде (1.6 мысал) алашы екі таырып кк, ал соысы – ызыл болып шыады.

1.6 мысал

<HTML>

<HEAD>

<STYLE type="text/css">

<!--

H1,H2,H3

{

color: blue;

}

-->

</STYLE>

<TITLE> 3 мысал </TITLE>

</HEAD>

<BODY bgcolor=white text=black>

<H1> 1 таырып</H1>

<H2> 2 таырып </H2>

<H3 style="color:red"> 3 таырып </H3>

</BODY>

</HTML>

CSS-файлдаы CSS-анытаулар

Алдын ала жазылан prim.сss файлыны ішкі мтіні:

H1, H2, H3

{

color: green;

}

Енді осы файлды пайдаланатын HTML-жат коды мен оны бейнесін арастырайы.

Мысал

<HTML>

<HEAD>

<LINK rel=stylesheet type="text/css" href-prim.css>

<STYLE type="text/css">

<!--

H1,H2,H3

{

color: blue;

}

-->

</STYLE>

<TITLE> 4 мысал </TITLE>

</HEAD>

<BODY bgcolor=white text=black>

<H1> 1 таырып </H1>

<H2> 2 таырып </H2>

<H3 style="color:red"> 3 таырып </H3>

</BODY>

</HTML>

Енді <style> жне <link> тгтерін басаша тртіппен орналастырайы.

Мысал

<HTML>

<HEAD>

<STYLE type="text/css">

<!--

H1,H2,H3

{

color: blue;

}

-->

</STYLE>

<LINK rel=stylesheet type="text/css" href=prim.css>

<TITLE> 5 мысал </TITLE>

</HEAD>

<BODY bgcolor=white text=black>

<H1> 1 таырып </H1>

<H2> 2 таырып </H2>

<H3 style="color:red"> 3 таырып </H3>

</BODY>

</HTML>

Сонымен, CSS арылы мыналар атарылады:

· рістер, шегіністер, аріп млшері (клемі) жне типі, мтін тсі мен фоны, т.б. параты жекелеген элементтері (абзацтар, сздер, ріптер) шін беріледі.

· жздеген файлдардан тратын толы сайт шін оны безендірілуін HTML-кода тимей, тек бір ана CSS файлын тзету арылы згерту;

· HTML-жатты ішкі тгтері санын азайтып, оны ішкі апаратты мазмнын браузер экраныны сырты тсінен бліп жеке стильдер трінде жазып шыу.