CSS нь интернетийн нөөцийн хуудсан дээр визуал элемент үүсгэхэд хэрэглэгддэг каскад хэлбэрийн хүснэгт юм. CSS-д заасан объектын үзүүлэлтийг HTML тэмдэглэгээний хэл дээр хэрэгжүүлдэг. Каскадтай хүснэгтийг өөрсдөө дангаар нь ашиглах боломжгүй.
CSS ашиглах
CSS бол HTML тэмдэглэгээний элементүүдийг үзүүлэх үйлдлийг хэрэгжүүлдэг хэв маягийн хэл юм. Каскадтай хүснэгтүүд нь HTML дээр өөрчлөх боломжгүй сонголтуудыг өөрчлөх боломжийг танд олгоно. Жишээлбэл, хэв маягийн хэлийг ашиглан үсгийн хэв маяг, өнгө засах боломжтой. CSS нь зах, шугам, дэвсгэр, өргөн, байршлын элементүүдийг тохируулах, "цэвэр" HTML ашиглан хэрэгжүүлэх боломжгүй параметрүүдийн гаралтыг хийх боломжийг олгодог.
Каскад хэлбэрийн хүснэгтийг бараг бүх хөтөч дэмждэг бөгөөд бараг бүх вэбсайтад ашигладаг. Тэд заасан хэлийг ашиглан агуулгын харуулалтыг хянаж, янз бүрийн медиа хэрэгслүүдийн үзүүлэлтийг хянах боломжийг танд олгоно.
Хэрэв HTML нь зөвхөн хуудасны текстийн бүтцийг бий болгох хэрэгсэл болгон ашигладаг бол CSS нь харуулсан контентыг харуулах боломжийг танд олгоно.
CSS синтакс ба түүнийг HTML кодонд оруулах
Хуудсыг зохиохдоо HTML хэрэгслээс илүү CSS ашиглахыг илүүд үздэг. Үнэн хэрэгтээ HTML нь элементүүдийн өнгийг засах хэрэгсэлгүй байсан бөгөөд өнгө, дэлгэцийн параметрүүдийг тохируулах зориулалтгүй байсан тул дизайныг бий болгоход HTML тодорхойлогч ашиглахыг зарим вэб хөгжүүлэгчид буруу гэж үзэж магадгүй юм.
CSS нь HTML-ээс ялгаатай синтакс агуулсан бөгөөд хуудасны кодонд хаягуудаар орсон байдаг. Та бас тусдаа файлд байгаа CSS кодыг параметрийн шошгыг ашиглан нэгтгэж болно:
CSS-код нь тодорхой синтакс агуулдаг бөгөөд үүнийг заавал дагаж мөрдөх ёстой, эс тэгвээс үүсгэсэн стилүүд хуудсан дээр харагдахгүй болно. CSS кодын хэсгийг сонгогч, шинж чанар, утга гэсэн 3 үндсэн элементэд хувааж болно. Эдгээр зүйлийг дараах байдлаар бичсэн болно.
selector {property: утга; }
Сонгогч нь үүсгэсэн дүрмийн дүрмийг хэрэгжүүлэх бариулыг зааж өгдөг. Үл хөдлөх хөрөнгийн параметр нь элементийн засварлагдах талыг тодорхойлж, утга нь тухайн шинж чанарын тохирох сонголтыг тодорхойлдог. Жишээлбэл, хоёр дахь түвшний гарчгийн өнгийг өөрчлөх
HTML, та дараах кодыг ашиглаж болно:
h2 {өнгө: улаан; }
Энэ код нь текстийн өнгийг хоёрдахь түвшний гарчгийн тодорхойлогчид байрлах улаан болгож тохируулна.
CSS нь стандарт HTML өнгөт хүснэгтийг ашигладаг.
Та шошго ашиглахаас гадна дотоод шошгыг ашиглаж болно. Жишээлбэл:
Гарчиг
Энэ код нь дээр тайлбарласан кодтой ижил бөгөөд CSS-ийн параметрүүдийг засварлахад шаардлагатай тодорхойлогч дотор байрлуулсан байна.
