Css3 Darslari

CSS3

Ilg’or Ta’lim

CSS3 -> bu belgilash tilidan foydalanib yozilgan hujjatlarning ko’rinishini tasvirlash uchun ishlatiladigan rasmiy texnologiya hisoblanadi. Css fayllar html fayllarga 3xil yo’l bilan ulanadi: 1. External CSS -> Tashqi CSS 2. Internal CSS -> Ichki CSS 3. Inline CSS -> Ichki CSS Birorta teg tarkibida:
CSS Sintaksisi ->CSS da teglar yoki elementlar qay tarzda yozilishini sintaksis deyiladi: h1{color: red;} h1 ->selector (teg, element ); color: ->element; red; ->qiymat; Comment yozish uchun: /* someone*/ Ranglar: 1.Tomato -> qizil ; Gray ->kulrang ; Orange -> to’q sariq ; SlateBlue ->binafsha rang ; DodgerBlue -> ko’k ; Violet ->Pushti ; MediumSeaGreen -> yashil ; LightGray ->och kulrang; 2. RGB(Red Green Blue); 3. color: #ffffff; # dan so’ng 6ta kod.

CSS3 1-dars 1-qism

Background -> Orqa fonni ifodalaydi. background-color -> Orqa fon rangini belgilaydi. background-image: url() ->Orqa fonga rasm qo’yish imkoniyati. background-repeat ->orqa fondagi rasmni takrorlashni belgilab beradi: (repeat-x; repeat-y; no-repeat;) background-position ->orqa fonni joylashtirish uchun : (left, top, right, bottom): right top; background-attachment ->qay holatda turishni belgilaydi; (fixed; scroll,) opacity ->ko’rinish darajasini belgilaydi; background: color image repeat position; background-size -> 100px(left right) 100px(top bottom); orqa fon hajmini belgilaydi background-size:contain; ->content atrofida biroz maydon qoladi; background-size:cover; ->maydon qoldirmasdan content bilan bir xil qilib beradi; width ->eni; height ->bo’yi

CSS3 1-dars 2-qism Background

Border -> chegara belgilaydi; (top, right, bottom, left) border-style -> chegara turini belgilaydi. dotted - nuqta bilan belgilangan chegarani belgilaydi dashed - kesilgan chegarani belgilaydi solid - mustahkam chegarani belgilaydi double - ikki tomonlama chegarani belgilaydi groove- 3D yivli chegarani belgilaydi. Effekt chegara rang qiymatiga bog'liq ridge- 3D tizimli chegarani belgilaydi. Effekt chegara rang qiymatiga bog'liq inset- 3D ichki chegarasini belgilaydi. Effekt chegara rang qiymatiga bog'liq outset- 3D chiqish chegarasini belgilaydi. Effekt chegara rang qiymatiga bog'liq none - Chegarasizligini belgilaydi hidden - Yashirin chegarani belgilaydi border-color ->chegara rangini belgilaydi border-radius ->chegara radiusini belgilaydi; padding ->chegara ichidan kontentgacha bo’lgan masofani belgilaydi; (top, right, bottom, left) margin –chegarani tashqi qismini belgilab beradi (top, right, bottom,left) belgilash uchun: px, vh, % da