|
Bootstrap demo
|
bet | 5/5 | Sana | 21.12.2023 | Hajmi | 4,38 Mb. | | #125635 |
Bog'liq Gazeta yangiliklari. Akobirov MCSS3 asoslari
2-rasm CSS3
Har qanday html hujjati qancha elementlardan iborat boʻlishidan qat’i nazar, uslublardan foydalanmasdan mohiyatan "oʻlik" boʻladi. Uslublar yoki yaxshiroq aytish uchun kaskadli uslublar jadvallari (Cascading Style Sheets) yoki oddiygina CSS hujjatning taqdimotini, uning koʻrinishini belgilaydi. Keling, HTML5 kontekstida uslublarni qoʻllashni qisqacha koʻrib chiqaylik.
CSS-dagi uslub veb-brauzerga elementni qanday formatlash kerakligini aytadigan qoidadir. Formatlash elementning fon rangini oʻrnatish, shrift rangi va turini oʻrnatish va hokazolarni oʻz ichiga olishi mumkin.
Uslub ta’rifi ikki qismdan iborat: elementga ishora qiluvchi selektor va uslub deklaratsiyasi bloki, formatlash qoidalarini oʻrnatuvchi buyruqlar toʻplami. Misol uchun:
3-rasm CSS3 kod yozilish usuli
Har bir buyruq xususiyat va qiymatdan iborat. Shunday qilib, quyidagi ifodada:
background-color xususiyatni ifodalaydi va red qiymatni ifodalaydi. Mulk muayyan uslubni belgilaydi. Koʻp CSS xususiyatlari mavjud. Masalan, background-color fon rangini belgilaydi. Ikki nuqtadan keyin ushbu xususiyat uchun qiymat keladi. Masalan, yuqoridagi buyruq xususiyatni background-color oʻrnatadi green. Boshqacha qilib aytganda, elementning fon rangi "yashil", ya’ni qizil rangga oʻrnatiladi.
Har bir buyruqdan keyin nuqta-vergul qoʻyiladi, bu buyruqni boshqalardan ajratib turadi.
Bunday uslublar toʻplamlari koʻpincha uslublar jadvallari yoki CSS (Cascading Style Sheets yoki kaskadli uslublar jadvallari) deb ataladi. Uslublarni aniqlashning turli usullari mavjud. Bunday holda, selektor body. Ushbu selektor ushbu uslub barcha div elementlariga qoʻllanilishini bildiradi.
Jingalak qavslardagi selektordan keyin uslub deklaratsiyasi bloki keladi. Buyruqlar elementni qanday formatlashni koʻrsatadigan ochilish va yopish jingalak qavslar orasida aniqlanadi.
Birinchi usul uslub atributidan foydalangan holda uslublarni toʻgʻridan-toʻgʻri elementga joylashtirishdir:
Стил
Still
width: 100px;
height: 100px;
background-color: green;"
>
Still
Hello, world! |
|
| |