CSS Танилцуулга

CSS гэдэг нь Cascading Style Sheets (Дараалсан хэв маягийн хуудас) гэсэн үгийн хураангуй юм. HTML нь веб хуудасны араг яс болон агуулгыг (текст, зураг, товчлуур) бүтээдэг бол, CSS нь тэрхүү агуулгад хувцас өмсүүлж, гоёж чимэглэдэг — өнгө тохируулах, үсгийн хэмжээ өөрчлөх, байршил зааж өгөх — хэл юм.

Яагаад CSS ашигладаг вэ?

Харагдах байдлыг тохируулах: веб хуудсан дээрх элементүүдийн өнгө, хэмжээ, фонт, зай, байршлыг бүрэн удирдана.
Цаг хугацаа, ажил хөнгөвчлөх: нэг CSS файлаар хэдэн зуун HTML хуудасны загварыг нэг дор өөрчлөх боломжтой.
Төхөөрөмжид зохицох (Responsive Design): гар утас, планшет, компьютер зэрэг өөр өөр дэлгэцэнд веб сайтыг гоё харагдуулахад тусална.

Санамж: HTML бол барилгын тоосго, багана; CSS бол будаг, чимэглэл, өрөөний дотоод дизайн юм.

Жишээ

<!DOCTYPE html>
<html>
<head>
<style>
h1 {
    color: #2563eb;
    text-align: center;
}
</style>
</head>
<body>
<h1>Сайн байна уу, CSS!</h1>
<p>Энэ бол CSS-ээр загварчлагдсан анхны хуудас.</p>
</body>
</html>

Туршиж үзэх »