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 ფაილებში.

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

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

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

Code
<style type="text/css" media="all">
@import url(/css/style.css);
@import url(/css/engine.css);
</style>

ხოლო ეს ერთს

Code
<link type="text/css" rel="StyleSheet" href="/style.css" />

ეს კოდები 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:

საიტზე მოცემული ინფორმაციის დიდი ნაწილი ავტორების პირადი საკუთრებაა. მათი კოპირება და გავრცელება დაშვებულია მხოლოდ მისი წყაროს მითითებით.

მოცეუმული ფუნქცია ხელმისაწვდმია მხოლოდ ავტორიზებულ მომხმარებლისთვის !
მომსახურება სრულიად უფასოა და საჭიროებს მხოლოდ თქვენი ინფორმაციის დაფიქსირებას.

Can't find what you're looking for? Don't be afraid to use the search, or simply just ask!
  Blog Categories
  Popular Posts
  Recent Comments
მეხსიერების საზომი ერთეულები
- wholets @ 08/03/10
Embed FLV player
- wholets @ 08/03/10
Domain Attachment
- wholets @ 08/03/10
Domain Attachment
- gio_doli2 @ 07/03/10
Starting HTML
- wholets @ 06/03/10

Copyright © 2009 MASTERS.GE! All rights reserved.ჰოსტერი uCoz System. Designed And Powered By Ak Style Group
საქართველოს კანონმდებლობის მიხედვით სხვისი საკუთრების მითვისება ისჯება კანონით.