CSS dili bilen işlemegiň esaslary

Biz siz bilen HTML diliniň esasy teglerini gözden geçirdik we indi owadanlyk ýasamak wagty geldi. Metniň reňkini, ululygyny, fon we başga köp zatlary üýtgetmek mümkinçiligi bolsa gowy bolardy. Bu CSS dili ýardamy bilen amala aşyrylýar.

Esasan, CSS buýruklary (stillar) aýratyn faýlda saklanýar, şol faýl aýratyn tag bilen saýtymyzyň ähli HTML sahypalaryna birikdirilýär.

Bu ýagdaýyň üstünligi şonda, CSS faýly bir, ýöne HTML faýllarynyň sany islendik mukdar, haçan hem birem bolup biler. Eger biz bir ýerde CSS faýlynda üýtgeşme girizsek, meselem, ähli abzaslary gyzyl reňke çalsak, onda bu üýtgeşmeler, birikdirilen CSS faýlymyza baglanan şol bir müň HTML sahypasyna hem ýaýralar. Örän amatly we çalt.

Stillar bilen faýlyň giňeldişi .css bolmaly. Beýle faýly HTML sahypasyna birikdirmek üçin, head teginde şeýle gurluş ýazylmaly:

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

Indiki mysalda, bizim HTML faýlymyza styles.css CSS faýly birikdirilýär:

<!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 faýlyny dörediň we ony ähli sahypalaryňyza birikdiriň.