Основи рада са језиком 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.