CSS тілімен жұмыстың негіздері

Біз сізбен бірге HTML тілінің негізгі тегтерін қарастырдық ендк әдемі ету уақыты келді. Мәтіннің түсін, оның өлшемін, фонын және басқа да көп нәрсені өзгерту мүмкіндігі қажет болар еді. Бұл CSS тілінің көмегімен жасалады.

Әдетте, CSS бұйрықтары (стильдер) бөлек файлда сақталады, ол арнайы тег арқылы біздің сайтымыздың барлық HTML беттеріне қосылады.

Бұл тәсілдің артықшылығы мынада: CSS файлы бір, ал HTML файлдарының саны кез келген болуы мүмкін, мысалы мыңдаған. Егер біз CSS файлының бір жерінде өзгеріс енгізсек, мысалы, барлық абзацтарды қызыл түске боясақ, онда бұл өзгерістер біздің CSS файлы қосылған мыңдаған HTML бетке де қолданылады. Өте ыңғайлы және жылдам.

Стильдер файлының кеңейтілімі .css болуы керек. Ондай файлды HTML бетіне қосу үшін, head тегінде мынайдай құрылымды жазу керек:

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

Келесі мысалда біздің HTML файлымызға styles.css 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 файлын жасап, оны барлық беттеріңізге қосыңыз.