Основи на работa со јазикот 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.