M@zmuna kec

CSS

Vikipediya, azad ensiklopediya
CSS
Yaradilma tarixi 17 dekabr 1996
Fayl sonlugu .css
w3.org/Style/CSS/
Vikianbarda @laq@li mediafayllar
HTML
Muqayis@l@r

CSS (ing. Cascading Style Sheets) -- s@n@din xarici gorunusunun, isar@l@m@ dilinin istifad@si il@ yazilmis, formal t@svir dili. Ad@t@n HTML v@ XHTML isar@l@m@ dill@rind@ yazilmis veb-s@hif@l@rin t@sviri v@ t@rtibati ucun istifad@ edilir, lakin ist@nil@n dig@r XML s@n@dl@r@, m@s@l@n, SVG v@ ya XUL-a da t@tbiq edil@ bil@r.

HTML s@n@dl@rini yaradark@n veb-dizaynerl@r muxt@lif mur@kk@b m@s@l@l@rl@ qarsilasirlar:

  • mu@yy@n abzas daxilind@ sifr@l@rin d@yisdirilm@si;
  • m@tnin v@ ya t@svirin s@n@din h@r hansi bir yerind@ yerl@sdirilm@si;
  • m@tnin v@ ya fonun r@nginin d@yisdirilm@si;
  • muxt@lif veril@nl@r c@dv@ll@rinin format edilm@si v@ s.

Bu isl@ri standart usulla da yerin@ yetirm@k olar, y@ni HTML dilind@ h@r bir abzasi ayrica @mrl@r yigimi il@ t@svir etm@k mumkundur. Bu halda proqramin yazilmasi prosesi h@dd@n artiq c@tinl@s@c@k, s@n@din olcusu is@ cox boyuk olacaq. Bu isi sad@l@sdirm@k ucun s@hif@l@r@ CSS standartinda yerin@ yetirilmis xarici fayl qosulur v@ h@min faylda istifad@ olunmus xususi makrodil vasit@sil@ s@hif@ bird@f@lik formatlasdirilir. Basqa sozl@, CSS fayli burada sablon kimi istifad@ edilir ki, onun kom@yil@ HTML s@n@dl@rind@ m@tnl@r, c@dv@ll@r v@ dig@r elementl@r formatlasdirilir. CSS standartindan hec bir m@hdudiyy@t qoyulmadan ist@nil@n serverd@ istifad@ etm@k olar.

CSS kodlari, HTML kodlarinin icin@ yazila bildiyi kimi xarici bir CSS fayli yaradilaraq da @m@liyyat yaradila bilir. Novun@ gor@ ya bolm@l@rind@ ala bil@rl@r. Bundan basqa,koduyla CSS fayli is s@hif@si @lav@ oluna bil@r. Onlari ayri-faylda v@ ya fayllarda saxlamaq, onlari d@yisik HTML s@hif@l@rind@ istifad@ edilm@sini t@min edir, eyni s@hif@nin d@yisik cihazlara gor@ formatlandirilmasini asanlasdirir.

CSS kodlarinin HTML faylina @lav@ olunmasi uc f@rqli s@kild@ icra edil@ bil@r.

CSS standartinda fayllarin formati .css s@klind@dir.

CSS v@ HTML birlikd@ istifad@ edilir. Asagida CSS'in ayriliqda v@ HTML il@ birl@sdirdirliyi zamanki kod qurulusu gost@rilib.

style.css

body {
background-color: #a95286;
}

.header {
background-color: #dd3471;
width: 750px;
height: 250px;
margin-left: 80px;
}

.content {
background-color: #dd3471;
width: 750px;
height: 100%;
margin-top: 250px;
margin-left: 80px;
}

Yuxarida yazdigimiz kodlar, CSS'in .css olaraq yaddasda saxladigimiz bolumund@ yazilan kodlara bir numun@dir .header, yeni bir div yaradiriq v@ ona, sahib olacagi xususiyy@tl@ri deyirik. Indi is@ CSS'i HTML il@ nec@ birl@sdir@c@yimizi kicik bir numun@ il@ gor@k.

index.html

<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css"/>
head>
<body>

<div class="header"> div>
<div class="content"> div>

body>
html>

Xarici kecidl@r

[redakt@ | vikim@tni redakt@ et]