Css - Cascading Style Sheets - Blog - Web Development And Design !

Blog » CSS / XHTML » Css - Cascading Style Sheets

Css - Cascading Style Sheets

11/03/10

რა არის CSS ?

- CSS არის Cascading Style Sheets-ის საყრდენი.
- Style_ბი განსაზღვრავს თუ როგორ უნდა გამოიყურებოდეს HTML ელემენტები.
- Style-ბი დამატებლ იქნა HTML 4.0-ისთვის რომ გადაეჭრა პრობლემები.
- External Style Sheets გიზოგავთ უამრავ სამუშაოს დიზაინის შექმნისას.
- External Style Sheets კოდები იწერება .CSS ფაილებში.

დემოს აღარ დავდებ რადგან ეს საიტი ამის ცოცხალი მაგალითია

CSS შითები შეიძლება იქნეს იმპორტირებული როგორც თქვენი საიტის დირექტორიიდან .css ფორმატის ფაილით ასევე შეგიძლიათ ჩასვათ HTML-ში <head> და </head> ტეგებს შორის..
და წინ და უკან აუცილებლად უნდა დაურთოთ ტეგები: <STYLE TYPE="text/css"> და </STYLE>

ხოლო იმპორტი ხდება შემდეგი ტიპის კოდებით:
ეს კოდი გამოიყენება მაშინ როცა ბევრ იმპორტს ახდენთ

Code

ხოლო ეს ერთს

Code

ეს კოდები HTML სი გადმოიცემა შემდეგი სახით <div class="me" id="shen">
class CSS ში არის ასეთი ფორმით .me {ოფციები}
id ასეთი ფორმით #shen {ოფციები}

აუცილებლად უნდა დაიხუროს ყველა ტეგი }_სიმბოლოთი. ოფციები თავსდება { და } სიმბოლოებს შორის.

ასევე გაითვალისწინეთ რომ არის კოდები რომლებიც პირდაპირ კავშირშია ტეგებთან და მითითება აღარ ჭირდება. მაგ:
body {ოფციები}
td {ოფციები}
tr {ოფციები}

ხოლო რაც შეეხება CSS_ის კოდებს, სრულად ვერ დავდებ მაგრამ შევეცდები ძირითადებში გაგარკვიოთ:

CSS Link:

a - სპეციალური სტილი ლინკისთვის
a:active: - სტილი გააქტიურებული ლინკსთვის
a:visited: - სტილი უკვე ნანახი ლინკისთვის
a:hover: - სტილი ლინკისთვის როდესაც მიუთითებთ მაუსს.

TO SHAPE:

background-color: - ფონის ფერი
background-image: - სურათის სტილი რომელიც დაყენდებ ბეგრაუნდად
color: - ტექსტის ფერი
text-decoration: - ტექსტის დეკორაცია(underline;blink,overline,line-through)
display: - სტილი როგორ უნდა გამოიყრებოდეს ლინკი (მგ: dysplay:block;)
border: - სტილი რითიც გაუკეთებთ კონტენტს ხაზს (ზღვარს)
font-weight: - ფონტის ტიპი (bold,italic,medium,)
Font-Family: - ფონტის კოდირება (მგ: sylfaen,arial,)
Font-Size: - ფონტის ზომა

ჯერჯერობით სულ ესაა მომავალში კიდევ დავდებ..

Related Entries: