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 - ატრიბუტი სელექტორი

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

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

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

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

CSS გამოყენბით ბმულებისთვის მრავალფეროვანი ვიზუალის შექმნა შეგვიძლია

ბმულს შეიძლება ნებისმიერი სტილი ქონდეს (ფონი, ფერი, ფონტი და სხვა)

მაგალითი:

   a{
     color: green;
   }

გარდა ამისა შეგვიძლია ბმულების მდგომარეობის მიხედვით განვსაზღვროთ მათი სტილი

მაგალითად:

a:link{
    color: red;
}

a:visited{
    color: yellow;
}

a:hover{
    color: blue;
}

a:active{
    color: black;
}

a:link - მოსანახულებელი ბმული

a:visited - მონახულებული ბმული

a:hover - მაუსის მიტანა ელემენტზე

a:active - მაუსის დაწკაპუნება ელემენტზე

ეს თვისებები გაეშვებიან მხოლოდ მას შემდეგ როდესაც მომხმარებელი შეასრულებს მოქმედებას

სტანდარტულად ბმულებს ქვედა ხაზგასმა აქვსთ , მის მოსაშორებლად ვიყენებთ თვისებას text-decoration

მაგალითად:

  a  {
   color: green;
   text-decoration: none;
  }