Skip to content

What is CSS

October 25, 2006

CSS гэдэг нь Cascading Style Sheets гэдэг vгийн товчлол бөгөөд хэлбэр, дизайн гэж ойлгож болох юм. CSS нь HTML кодчлолын элэмент тагуудийг хэрхэн vзvvлэх форматлахыг тодорхойлдог. Өөрөөр хэлбэл таны вэбийн өнгө vзэмжийн, харагдах байдлыг сайжруулдаг.
CSS нь .css гэсэн өргөтгөлтэйгээр хадгалагддаг. CSS ашиглахад давуу тал нь гэвэл :
Та нэг элэмэнтийн өнгийг, форматыг солихын тулд бvх хэсэгтээ өөрчлөлт хийх шаардалагагvй, харин CSS бичсэн хэсэгтээ солиход л бvх элэмэнтvvд хэвжvvлэгддэг. Энэ таны вэбмастеруудын ажлыг маш их хөнгөвчилдөг.
HTML нь зөвхөн энэ элемент гэдгийг тодорхойлдог . ж.нь : <p><ul><li> гэх мэт. Энэ нь зөвхөн элемэнтийг vvсгэдэг болхоос ямар хэмжээтэй, яаж харагдах гэх зэргийг тодорхолж чаддаггvй. Энийг CSS ашиглан шийдэж чадна.
CSS ийг харуулж чадах Browser ууд нь төрөл бvр байна. Өргөн хэрэглэгддэг Internet Explorer, Netscape Navigator программууд нь зарим тохиолдолд хэлбэрийн хуудсуудыг харуулж чадахгvй. IE 4.0 дээших хувилбарууд NN 4.0 дээшхи хувилбарууд нь хэлэрийг харуулж чадах болсон.
Хэлбэрvvд нь ихэвчлэн таны вэб хуудасны гадна өөр файлд хадгалагддаг. Эсвэл вэб хуудасандаа хийсэн ч болно. Гадаад хэлбэрийн хуудсны ашигтай тал нь та нэг хэлбэрийг өөрчлөхийн тулд нэг л файлд өөрчлөлт оруулахад бvх хуудсанд хэвжvvлэгдэнэ гэсэн vг.
Дооод хэлбэрийн хуудсыг вэб хуудасныхаа <HEAD> толгойн хэсэгт хйиж өгнө. Ж.нь :

<html>
<head>
<style>
td {
font-family: Verdana;
font-size: 8pt;
color: #000000;
}
</style>
</head>
<body >

</body>
</html>

гэж бичигдэнэ. Энэ нь тухайн хуудсанд байгаа <TD> буюу хvснэгтийн нvдийг хэвжvvлж байна.
Гадаад хуудсыг өөрийн хуудсанд холбохын тулд :

<html>
<head>
<title>WebMN.net</title>
<link href=”test.css” mce_href=”test.css” rel=”stylesheet” type=”text/css”>
</head>
……

гэсэн байдалтайгаар бичигдэнэ. Test.css нь таны хэлбэр агуулсан хуудсын нэр ба хаяг юм. Та хоёр хэлбэрийг ашигласан гэж vзвэл Гадаад хэлбэрийн хуудас , дотоод хэлбэрийг давхар бичсэн бол дотоод хэлбэрийн хуудас нь илvv давуу эрхтэйгээр хэвжvvлнэ. өөрөөр хэлбэл <head> тагт бичсэн хэлбэр авна. Гадаад хэлбэрийн хуудсыг авахгvй гэсэн vг.

One Comment leave one →
  1. khisgee permalink
    October 26, 2006 4:37 am

    CSS ч гоё шүү. Анх HTML дотор баахан таг тодорхойлж ядарч байгаад дараа нь CSS-г мэдээд үгүймөн их баярлаж билээ.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: