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 файлын түзүп, аны сиздин бардык баракчаларыңызга туташтырыңыз.