Css dasturlash tili skachat

Bo’lim: CSS

#9 – Bootstrap. 3-Qism. Veb-dasturlash kursi

Tasavvur qiling dastur yaratmoqchisiz. Kitoblar haqidagi dastur. Bu yerda har hil janrlardagi kitoblar saqlansin va istagan odam uni o’qishi mumkin bo’lsin.Ushbu darsda o’zimiz bo’lajak dasturimizning qoralamasini chizib olamiz, so’ngra uni …

#7 – Bootstrap. 1-Qism. Veb-dasturlash kursi

Biz dizayner emasmiz, har holda ushbu kurs dizaynerlik emas, dasturlash kursi. Dizaynerlar biladigan ko’plab teoriyalarni bilmasligimiz mumkin. Qaysi rang bir biriga mos keladi, elementlar orasida qancha bo’shliq qolishi kerak va …

#6 – JavaScript va jQuery. Veb-dasturlash kursi

JavaScript tili hozirgi kunda eng mashhur tillardan biri hisoblanadi. Ko’p reytinglarda mashhurligi bo’yicha birinchi o’rinda turadi. Ushbu til orqali o’yin yaratishingiz, veb-dasturlar yozishingiz, mobil ilovalar, kompyuter uchun dasturlar, hullas har …

#5 – CSS (2-qism). Veb-dasturlash kursi

FONT-FAMILY CSSni o’rganishda davom etamiz Matnning shriftini, ya’ni qanday yozilishini tanlashimiz mumkin. Arial nomli shriftimiz bor. Yoki misol uchun, Helvetica juda chiroyli shrift. Shrift ingilizchasiga Font bo’ladi, shuning uchun shrift …

#4 – CSS (1-qism). Veb-dasturlash kursi

CSS ASOSI Oldingi darsimizda HTML tilini ko’rgan edik. Ushbu til orqali sahifagamizda matn yozishimiz mumkin, rasm va boshqa html sahifalarga yo’llanmalar qo’yishimiz mumkin. HTML tilida barcha matn oq fonda, qora …

Tanlangan maqolalar

Yangi maqolalar

Источник

1 HTML и CSS

время взять в руки новое издание «Изучаем HTML, XHTML и CSS. 2-е изд.». Хотите изучить HTML .

HTML и CSS

Погружение в Python 3 (Dive into Python 3)

надоедать вам перечислением всех деталей. Но пока вот вам короткая версия. 1. HTML-код сокращён, и .

CSS: полный справочник

— всемирно известный эксперт по HTML, CSS и веб-стандартам. Основатель компании Complex Spiral Con .

Изучаем html, xhtml и css

дизайн, и как максимально эффективно использовать HTML, CSS и Authorized Russian translati .

Изучаем HTML, XHTML и CSS

Изучаем HTML, XHTML и CSS

визуально привлекательный дизайн, и как максимально эффективно использовать HTML, CSS и ХНТ .

HTML, XHTML и CSS на 100 %

книгой ваша страничка никогда не останется незамеченной в Сети! HTML, XHTML и CSS на 100 % Квинт .

Изучаем HTML, XHTML и CSS

Источник

#4 – CSS (1-qism). Veb-dasturlash kursi

Oldingi darsimizda HTML tilini ko’rgan edik. Ushbu til orqali sahifagamizda matn yozishimiz mumkin, rasm va boshqa html sahifalarga yo’llanmalar qo’yishimiz mumkin. HTML tilida barcha matn oq fonda, qora rang bilan yoziladi.

HTML da yaratilgan elementlarimizga bezak berish uchun, CSS dan foydalanamiz.

Buning uchun mahsus, style nomli teg ochamiz. Uchbu tegimiz odatda head teglari orasida turadi. Keling, butun sahifamizning fonini qizil rangga o’zgartiramiz. Esingizda bo’lsa sahifaning ko’rinib turgan qismi body tegi orasida yozilardi. Demak body tegimiz fonini qizil qilsak – butun sahifamiz qizil rangda bo’ladi.

body tegimizni tanlash uchun, ushbu tegning nomini yozamiz.

Body tegini tanlagach, figualik qavslar orasida uning hususiyatini yozamiz.

background-color
(eng) background – (o’zb) ortki, fon;
(eng) color – (o’zb) rang

Fon uchun javob beruvchi xususiyat background-color deyiladi.

Ushbu xususiyatni qo’ygach

ikki nuqta qoyib, so’ng, xususiyatimizning qiymatini berishimiz kerak.

Qiymatimizni red ga teng deb ko’rsatamiz, ingliz tilida qizil degani. Oxirida nuqtali vergul qo’yishni unutmang.

Matn rangini o’zgartirish uchun – yana bir xususiyat qo’yamiz. Color – yellow. Yellow ingiliz tilida – sariq degani.

Keling, atamalarni tushunib olaylik. Bu yerda body – selector deyiladi, ingiliz tilida tanlov degani. Chunki ushbu qismda har hil html elementlarni tanlab olishimiz mumkin.

Esingizdami dasturlashda – kommandalarni guruhlash uchun figuralik qavsdan foydalanardilk? CSS dasturlash tili bo’lmasada, bu yerda ham figuralik qavslar orasida, tanlagan elelmenttlarimiz uchun har hil xususiyatlarni yozamiz. Ikki nuqta qo’yib, ularga qiymat beramiz.

Uchta span teglarini yarataylik. Ularning rangi ham sariq bo’lib turibdi. Chunki body ichidagi barcha matn rangini sariq bo’lsin deganmiz.

Uning rangini oq qilish uchun, yana bitta selector yozamiz. Ya’ni span tegini tanlaymiz, figuralik qavs ichida esa color xususiyatini yozib, ikki nuqta qo’ygach, unga white (ingilizcha oq) qiymatini beramiz.

SELECTOR
(o’zb: Tanlov, рус: Выборка)

Agar ulardan faqat birini oq qilmoqchi bo’lsak, class atributidan foydalansak bo’ladi. Ushbu atribut barcha html teglarida bor.

Ikkinchi tegimizning class atributini foo ga teng dedik. Tushinib turganingizdek, foo ning o’rniga istagan nom berishimiz mumkin.

CSS da ushbu elementni topish uchun nuqta va class nomini qo’yamiz. Ko’rib turganingizdek ikki so’zi oq rangga o’zgardi.

h1 tegimizning matni juda katta, keling sal kichikroq yozamiz. Buning uchun font-size xususiyati to’g’ri keladi. Matn hajmi 25 pikselga teng dedik. Agar foo class-iga ega bo’lgan element matnlarini ham huddi shu hajmda yozmoqchi bo’lsak,

h1 dan so’ng vergul qo’yib, undan so’ng foo class-ini tanlab olamiz. Bu yerda vergul belgisi “va” ma’nosini beradi. Biz “h1 tegini va foo class-ga ega bo’lgan elementlarni tanla”, – dedik. Vergullarni istalgancha ishlatishingiz mumkin.

Misol uchun bu yerda a tegini va span tegini va foo class-ini va bar class-ini va strong teglarini tanlab, ushbu teglar orasida yozilgan matnning rangini green, ya’ni yashil qilgin demoqdamiz.

Agar birinchi spanimizga ham foo class-ini bersak, uning rangi va hajmi ham o’zgaradi.

Yana bir barcha teglarimizda bor atribut bu id.

CSS da id larni panjara belgisi bilan topib olamiz. Matnni sal qalinroq yozish uchun, font-weight: bold; deb yozishimiz kerak. Ko’rib turganingizdek, id lar class-larga juda o’xshaydi. Farqi – id butun htmlda original bo’lishi kerak.

Ya’ni biz boshqa tegning id-sini – bar deb ko’rsata olmaymiz. Bu xato hisoblanadi.

Unga boshqa id berishimiz mumkin.

Class va Id ning yana bir farqi, bir teg birdaniga bir necha class ga ega bo’lishi mumkin. Buning uchun class-lar bir biri bilan probel orqali ajralib turishlari kerak. Lekin bir tegning faqat bitta id-si bo’ladi.

    body < background-color: red; color: yellow; >.foo < color: white; >h1, .foo < font-size: 25px; >#bar 
Hello, world
 bir ikki uch  

Yuqorida ushbu bo’limda yozgan kodimizni yaxlit ko’rishingiz mumkin.

RGB

Ranglarni ingliz so’zlari orqali ko’rsatish mumkinligini ko’rdik. Ularni RGB rang modeli orqali ko’rsatishingiz ham mumkin.

RGB – red, green va blue so’zlarining bosh harflaridan hosil bo’lgan abreviatura hisoblanadi. Ushbu model – texnik qurilmalarning ekranida, ranglarni ko’rsatilishi uchun ishlatiladi.

Poligrafiyada esa, CYMK modeli ishlatiladi. Ushbu modellarning farqi fonda. Misol uchun gazetalarni oq ranglik qog’ozda chop etasiz. Ya’ni, agar biror bir rang quymasak oq rangga ega bo’lamiz.

RGB da esa fon qora rangda. Ya’ni telefoningiz o’chiq holatida – qora rangni ko’rasiz. Shuning uchun ushbu rang modellari bir biriga to’g’ri kelmaydi. Tushunganingizdek, dasturlashda aynan rgb ishlatiladi.

Har bir rang uchun 1 bayt informatsiya ko’rsatishimiz mumkin, ya’ni 0 dan 255 gacha (Esingizdami bir baytda 256 hil raqamlar mavjud edi).

CSS da maxsus funksiyalar bor. Shulardan biri rgb(). U uchta parametr qabul qiladi: birinchi raqamimiz qizil rang uchun, ikkinchisi yashil va ohirgisi ko’k rang uchun. Biz qizil va ko’k ranglarni ishlatmadik, ular 0 ga teng. Faqat yashil rang ishlatdik. Demak fon yashil rangda bo’ladi.

Sariq rang hosil qilish uchun yashil va qizil ranglardan foydalanamiz.

Barcha ranglarni qo’shsak, oq rang hosil bo’ladi. Bu tabiatga o’xshash. Quyosh nuri o’zida barcha ranglarni jam etgan hisoblanadi.

Har hil raqamlar ishlatib ekspriment qilib ko’ring.

RGB 16LIK RAQAM TIZIMIDA

Lekin, rgb funksiyasi qariyib ishlatilmaydi, uning o’rniga qulayroq bo’lgan 16lik sanoq tizimidan foydalaniladi. Ushbu tizim bilan “Sanoq tizimlari” darsimizda tanishgan edik. Ko’rmagan bo’lsangiz, albatta ko’ring.

ff = 255, 00 = 0

Eslatib o’tamiz 255 raqamini ko’rsatish uchun ff dan foydalansak, 0 raqamini ko’rsatish uchun ikkita noldan foydalanamiz. Chunkin css da rgb raqamlari uchun 2 hona ajratilgan.

16lik sanoq tizimida rgb ranglarini ko’rsatish uchun, avval panjara belgisini qo’yamiz. Fon rangini yashil qilish uchun 00, ya’ni qizil rang ishlatmaymiz. Yashil rang uchun ff va ko’k rang uchun 00 ko’rsatamiz.

Oq rang ko’rsatish uchun esa barcha ranglar uchun ff ni ko’rsatamiz.

Ushbu 16lik tizimi orqali ham har hil eksprimentlar qilib ko’ring.

KO’P ISHLATILADIGAN
XUSUSIYATLAR

Keling, ko’p ishatiladigan xususiyatlarni ko’rib o’tamiz.

Matn ostidan chiziq chizish uchun “text-decoration” xususiyatiga “underline” qiymatini beramiz.

Matn yuqorisidan chiziq chizish uchun ushbu xususiyatiga “overline” qiymatini beramiz.

Matnni ochirishimiz mumkin.

Ushbu qiymatlarni barovariga ishlatish mumkin. Buning uchun qiymatlarni probel orqali ajratamiz.

Matnni qiyshiqroq qilib yozish uchun “font-style” xususiyatiga “italic” qiymatini beramiz.

Demak ham qiyshiqroq, ham ostki chiziq chizish uchun – ushbu ikki xususiyatni yozishimiz mumkin.

CSS darsining ikkinchi qismida qiyinroq misollar ko’ramiz.

Fikr bildirish Javobni bekor qilish

Sharhlash uchun siz saytga kirishingiz lozim.

Tanlangan maqolalar

Yangi maqolalar

Источник

CSS Haqida To’liq Kitob (2023)

CSS yoki Cascading Styles Sheets – bu HTML-ni stillash va taqdim etishning bir usuli. HTML ma’no yoki mazmun bo’lsa, CSS ushbu hujjatning stilidir. Stillar HTMLga o’xshamaydi, ular «property: value» formatiga ega va aksariyat atributlar HTML teglariga qo’llanilishi mumkin. CSS-ni HTML-ga qo’llashning uchta usuli mavjud: Inline, ichki va tashqi.

1. HTML qator ichida css yozish (Inline)

Ichki stillar HTML atributlariga to’g’ridan-to’g’ri stil atributidan foydalanib joylashtiriladi. Ular quyidagidek ko’rinadi:

Bu kod xatboshini qizil rangga aylantiradi. Ammo, esingizda bo’lsa, eng yaxshi yondashuv shundan iboratki, HTML mustaqil, stil kodlarisiz hujjat bo’lishi kerak va shuning uchun iloji boricha ichki stillardan qochish kerak.

Ichki CSS

Bu sahifadagi barcha xatboshilarni qizil va barcha havolalarni ko’k rangga aylantiradi. HTML ga ichki CSS yozish qulayroqday tuyulsa ham, HTML va CSS kodlarni alohida fayllarga ajratgan ma’qul.

2. Tashqi CSS

Tashqi stillar ko’p sahifali veb-saytlar uchun ishlatiladi. Shunchaki ko’rinadigan alohida CSS fayli mavjud:

Agar ushbu fayl sizning HTML-sahifangiz bilan bir xil papkada «style.css» sifatida saqlansa, u holda HTML-ga quyidagicha bog’lanish mumkin:

3. Ishga tushiring!

Ushbu qo’llanmadan maksimal darajada foydalanish uchun kod yozib ko’rish kerak, shuning uchun matn muharriri bilan yangi faylni ishga tushiring va bo’sh hujjatni «style.css» sifatida HTML fayli turgan papkaga saqlang. Endi HTML-faylingizni shunday ishga tushirish uchun o’zgartiring:

HTML faylini saqlang. Bu hozirda bo’sh bo’lgan CSS fayliga bog’lanadi, shuning uchun hech narsa o’zgarmaydi. HTML fayli joylashgan brauzer oynasini yangilash orqali CSS faylini qo’shishingiz va o’zgartirishingiz va natijalarini ko’rishingiz mumkin bo’ladi.

Источник

Mukammal dasturlash: HTML va CSS (1-kitob)

«Mukammal dasturlash: 1-qism» HTML va CSS Veb-dizaynerlikni noldan mukammallik darajasigacha batafsil o‘rgatuvchi qo‘llanma. Ma’lumotlar o‘n yildan ortiq amaliy ish jarayonlaridan orttirilgan tajribalar asosida sodda va tushunarli bayon etilgan. Kitob dasturlash sohasi ostonasida turgan yoshlarga mustaqil o‘rganishdagi dastlabki eng kerakli bilim va ko‘nikmalarni ulashadi.

«Mukammal dasturlash: 1-qism» HTML va CSS Veb-dizaynerlikni noldan mukammallik darajasigacha batafsil o‘rgatuvchi qo‘llanma. Ma’lumotlar o‘n yildan ortiq amaliy ish jarayonlaridan orttirilgan tajribalar asosida sodda va tushunarli bayon etilgan. Kitob dasturlash sohasi ostonasida turgan yoshlarga mustaqil o‘rganishdagi dastlabki eng kerakli bilim va ko‘nikmalarni ulashadi.

Kitob nomi:	Mukammal dasturlash: HTML va CSS (1-kitob)
Kitobning asl nomi:	Mukammal dasturlash: HTML va CSS (1-kitob)
Nashr qilingan til:	O’zbekcha
Kitobning asl tili:	O’zbekcha
Formati:	Qattiq/288
ISBN:	978-9943-6964-4-0
Nashr yili:	2021
Nashriyotchi:	Akademnashr
Seriya:	0
Yosh chegarasi:	16 dan 70 gacha

Taqrizlar

Hozirda ushbu kitobda taqrizlar mavjud emas.
Taqriz yozish

Iqtiboslar

Hozirda ushbu kitobda iqtiboslar mavjud emas.
Iqtibos qo’shish

Источник