Асосҳои кор бо забони 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 эҷод кунед ва ба ҳамаи саҳифаҳои худ пайваст кунед.