CSS ენასთან მუშაობის საფუძვლები

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

როგორც წესი, CSS ბრძანებები (სტილები) ინახება ცალკე ფაილში, რომელიც სპეციალური ტეგის მეშვეობით უერთდება ჩვენი საიტის ყველა HTML გვერდს.

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

სტილების ფაილს უნდა ჰქონდეს გაფართოება .css. ასეთი ფაილის HTML გვერდთან მისაბმელად, ტეგში head უნდა დავწეროთ შემდეგი კონსტრუქცია:

<link rel="stylesheet" href="fileName.css">

შემდეგ მაგალითში ჩვენს HTML ფაილს უკავშირდება CSS ფაილი styles.css:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>This is the title</title>
		<link rel="stylesheet" href="styles.css">
	</head>
	<body>
		<p>
			This is a paragraph with text.
		</p>
	</body>
</html>

შექმენით და მიაბეთ ყველა თქვენს გვერდს ფაილი styles.css.