---
title: CSS Танилцуулга
description: "> CSS – ыг бид веб хуудсны стильд хэрэглэдэг хэл юм.  ## CSS гэж юу вэ? -  CSS нь Каскад хэлбэрийн хуудасуудас бүрдэнэ -  CSS нь HTML элементийг дэлгэц, хуудас эсвэл бусад медиан дотор ямархуу хэв маягтайгаар гаргахыг хариуцдаг. -…"
url: "https://apprentice.mn/docs/css-introduction/"
updated: "2021-07-23"
category: CSS
---

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

> CSS – ыг бид веб хуудсны стильд хэрэглэдэг хэл юм. 

## CSS гэж юу вэ?

-  CSS нь Каскад хэлбэрийн хуудасуудас бүрдэнэ
-  CSS нь HTML элементийг дэлгэц, хуудас эсвэл бусад медиан дотор ямархуу хэв маягтайгаар гаргахыг хариуцдаг.
-  CSS нь олон хуудсын бүтэцийг нэгэн зэрэг өөрчилж болдог болхоор маш их ажилыг хөнгөвчилдөг.

## Яагаад Css-ыг хэрэглэх вэ?

 CSS нь вэб хуудасныхаа хэв маягийг тодорхойлоход хэрэглэгддэг бөгөөд үүнд дизайн, бүтэц, хувьсагчуудыг янз бүрийн өөр төхөөрөмжүүдэд мөн дэлгэцийн хэмжээнд тааруулан харуулах зэрэгийг зохицуулдаг.

     `body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
}

p {
  font-family: verdana;
  font-size: 20px;
}`

## CSS Маш том асуудлыг шийддэг

HTML was created to describe the content of a web page, like: HTML нь вэб хуудасны агууламжыг дараахь байдлаар дүрслэх зорилгоор бүтээгдсэн болно.

     `<h1>This is a heading</h1>
    <p>This is a heading</p>`

##  CSS маш их ажлыг хөнгөвчилдөг

Style-ийн тодорхойлолтууд нь ерөнхийдөө external .css өргөтгөл дотор хадгалагддаг

        [https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fcss-introduction%2F&linkname=CSS%20%D0%A2%D0%B0%D0%BD%D0%B8%D0%BB%D1%86%D1%83%D1%83%D0%BB%D0%B3%D0%B0](https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fcss-introduction%2F&linkname=CSS%20%D0%A2%D0%B0%D0%BD%D0%B8%D0%BB%D1%86%D1%83%D1%83%D0%BB%D0%B3%D0%B0)[https://www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fcss-introduction%2F&linkname=CSS%20%D0%A2%D0%B0%D0%BD%D0%B8%D0%BB%D1%86%D1%83%D1%83%D0%BB%D0%B3%D0%B0](https://www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fcss-introduction%2F&linkname=CSS%20%D0%A2%D0%B0%D0%BD%D0%B8%D0%BB%D1%86%D1%83%D1%83%D0%BB%D0%B3%D0%B0)[https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fcss-introduction%2F&linkname=CSS%20%D0%A2%D0%B0%D0%BD%D0%B8%D0%BB%D1%86%D1%83%D1%83%D0%BB%D0%B3%D0%B0](https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fcss-introduction%2F&linkname=CSS%20%D0%A2%D0%B0%D0%BD%D0%B8%D0%BB%D1%86%D1%83%D1%83%D0%BB%D0%B3%D0%B0)[https://www.addtoany.com/share](https://www.addtoany.com/share)