Main Page Main Page Feedback Main Page Ads Page
Geodles.Com-Georgian Dle Support
CSS ის მიერთება Html ში (CSS გაკვეთილი 02/ 14)

ვქმნით ჩვეულებრივ html-გვერდსს, მაგალითად ასეთი კოდით:
<html> 
<head> 
<title>geodles.com CSS ის მიერთება HTML ში</title> 
</head> 
<body> 
<h1>ეს არის პირველი დონის დასახელება</h1>
აქ უბრალოდ თექსტია
<h2>ეს არის მეორე დონის დასახელება</h2>
ეს უბრალოდ ტექსტია
</body> 
</html>

ექხლა ბლოკნოტში ვქმნით ცარიელ გვერდს და ვინახავთ სახელით style.css იმავე პაპკაში სადაც დევს html-გვერდი:

CSS ის მიერთება Html ში (CSS გაკვეთილი 02/ 14)
ეს იქნება ჩვენი სტილების ცხრილი. ეხლა ჩვენი უნდა მივუერთოთ გვერდს style.css . ამისათვის როგორც თქვენ გახსოვთ, html ის მეორე გაკვეთილში შევისწავლეთ თეგი , რომელიც პასუხს აგებს შინაგანი ფაილების მიერთებაზე. ვამატებთ ამ თეგს ჩვენს html გვერდზე:


<html> 
<head> 
<title>geodles.com CSS ის მიერთება HTML ში</title> 
<link rel="stylesheet" type="text/css" href="style.css">
</head> 
<body> 
<h1>ეს არის პირველი დონის დასახელება</h1>
აქ უბრალოდ თექსტია
<h2>ეს არის მეორე დონის დასახელება</h2>
ეს უბრალოდ ტექსტია
</body> 
</html>

შემდეგში ჩვენ ყოველთვის ამ მეთოდით მივაერთებთ css ს html გვერდთან. თუმცა არსებობენ სხვა მეთოდებიც და მოდით ისინიც განვიხილოთ.


შინაგანი სტილების ცხრილები
ასე ქვით სტილების ცხრილებს, რომლებიც მოთავსებულია html ში, style ატრიბუტის გამოყენებით, მაგალითად:

 <h1 style="color:red">ეს დასახელება წითელი ფერისაა</h1>

ამ მეთოდის ნაკლი ნათელია: პარამეტრი style საჭირო იქნება ყველა დასახელბაზე გავწეროთ. ამ მეთოდის გამოყენებისას იკარგება css ის უპირატესობა.
ჩეშენებული სტილების ცხრილი

ამ მეთოდის გამოყენებისას სტილების ცხრილი ჩაშენდება html გვერძე. ამისათვის HTML ში არსებობს თეგები
<style></style>
, პარამეტრით type, რომელიც უთითებას, უკავშირდება კონკრეტულად სტილების ცხრილი :



<html> 
<head> 
<title>geodles.com CSS ის მიერთება HTML ში</title> 
<style type="text/css"> h1{ color:red } </style> 
</head> <body> <h1>ეს დასახელება იქნება წითელი</h1> 
<h1>ეს დასახელება იქნება წითელი</h1> 
<h1>ეს დასახელება იქნება წითელი</h1> 
</body> </html> 


ეხლა ყველა h1 ტეგში მოთავსებული დასახელება იქნება წიტელი ფერის. მაგრამ თუკი ჩვენ მოგვინდება რომ მათგან ერთ ერთი იყოს ლურჯი ფერის, მისთვის გამოვიყენებთ სტილების შინაგან ცხრილს:


<html> 
<head> 
<title>geodles.com CSS ის მიერთება HTML ში</title> 
<style type="text/css"> h1{ color:red } </style> 
</head> <body> <h1>ეს დასახელება იქნება წითელი</h1> 
 <h1 style="color:blue">ეს დასახელება იქნება ლურჯი</h1> 
<h1>ეს დასახელება იქნება წითელი</h1> 
</body> </html> 

ამ შემთხვევაში გამოიყენება კასკადურობა, რომელიც გადაწვეტს კონფლიქტს: ამ შემთხვევაში შინაგან სტილების ცხრილს აქვს უმაღლესი პრიორიტეტი, ამიტომაც გახდება ტექსტი ლურჯი.
ამ მეთოდის ნაკლი ასევე თვალსაჩინოა; ცხრილების შემქნა მოგვიწევს ყველა გვერძე. ეს არის ერთერთი მიზეზი რის გამოც ჩვენ გამოვიყენებთ შინაგან სტილების ცხრილს.
ჩვენ განვიხილავთ CSS ის HTML ში ჩართვის მეთოდებს, შემდეგ ჯერზე CSS სინტაქტებით დავკავდეთ.




+1
ავტორი: admin ნანახია: 1257 | კომენტარი: 0 | Tutorials | 20-04-2014, 17:17
ინფორმაცია
ჯგუფ სტუმარი-ის წევრებს არ აქვთ კომენტარის დატოვების უფლება.






რა სისტემაზე მუშაობთ

დამწყები ვარ
უქოზზე
დლეზე
ჯუმლაზე
ვორდპრესზე
რამოდენიმეზე ერთდროულად



����������� ������


© 2009-2012 Powered By Geodles.Com