CSS სახელმძღვანელო

CSS - დამწყებებისთვის

CSS - მიმოხილვა CSS - სინტაქსი CSS - სელექტორები CSS - შემოტანა CSS - ტექსტური თვისებები CSS - კომენტარი CSS - ფონები CSS - საზღვრები CSS - სიმაღლე და სიგანე CSS - ფონტის შემოტანა CSS - შიდა დაშორება (PADDING) CSS - გარე დაშორება (MARGIN) CSS - სიები CSS - ბმულები CSS - DISPLAY CSS - პოზიციები CSS - Z-INDEX CSS - OVERFLOW CSS - Opacity CSS - ერთეულები CSS - !important

CSS - სელექტორები

CSS - კომბინატორები CSS - ფსევდო კლასები CSS - ფსევდო ელემენტები CSS - ატრიბუტი სელექტორი

CSS - FLEXBOX

FLEXBOX - მიმოხილვა FLEXBOX - კონტეინერი FLEXBOX - ელემენტები

CSS - Responsive

Responsive - მიმოხილვა Responsive - პრინციპები @media - ქუერები

CSS - საშუალო დონე

CSS - ფილტრები CSS - object-fit CSS - გრადაციები CSS - ფონის თვისებები CSS - შუქჩრდილები CSS - 2D/3D ტრანსფორმაციები CSS - გადასვლები CSS - კურსორის თვისებები CSS - ანიმაციები

CSS - კომპონენტები

CSS - სანავიგაციო მენიუ (NAVBAR) CSS - ფორმა CSS - ღილაკები CSS - ბარათი (card) CSS - CHECKBOX & RADIO

CSS იყენებს მნიშვნელობების მრავალ ერთეულს (px,em,rem,%) და სხვა ამ თემაში სწორედ ერთეულებს განვიხილავთ 


CSS  - ხშირად გამოყენებადი ერთეულები


px - აღნიშნავს მონიტორის ფიზიკურ 1 პიქსელს, თუმცა მაღალი რეზოლუციის ეკრანებისთვის მაგალითად 4k მონიტორისთვის 1px შეიძლება 1.5 ფიზიკური პიქსელი იყოს 


em -  მშობელი ელემენტის ზომასთან შესაბამისი, მაგალითად თუ მშობელი ელემენტის შრიფტის ზომა არის 14px შვილი  ელემენტის font-size:2em = 28px


rem html  მშობელი ელემენტის ზომასთან შესაბამისი, მაგალითად თუ body ტეგის შრიფტის ზომა არის 14px შვილი ელემენტის font-size:2rem = 28px

  

vw -  მნიშვნელობა გამოითვლება მონიტორის სიგანიდან, მაგალითად თუ ეკრანის სიგანე არის 1920px მნიშვნელობა

50vw = 1920px  /  2


vh -  მნიშვნელობა გამოითვლება მონიტორის სიმაღლიდან, მაგალითად თუ ეკრანის სიმაღლე არის 1080px მნიშვნელობა

50vh = 1080px  /  2


-  მნიშვნელობა გამოითვლება მშობელი ელემენტის ზომებიდან, მაგალითად თუ მშობელი ელემენტის სიგანე არის 1000px , შვილი ელემენტის მნიშვნელობა 50% = 1000px /  2