CSS valodas pamati

Mēs jau esam apskatījuši galvenos HTML valodas atzīmes, un tagad ir pienācis laiks veidot skaistumu. Būtu vēlēšanās mainīt teksta krāsu, tā izmēru, fona krāsu un daudz ko citu. Tas tiek darīts, izmantojot CSS valodu.

Parasti CSS komandas (stili) tiek glabātas atsevišķā failā, kas ar speciālu atzīmi tiek pievienots visām mūsu vietnes HTML lapām.

Šādas pieejas priekšrocība ir tāda, ka CSS fails ir viens, bet HTML failu var būt jebkurš daudzums, pat tūkstotis. Ja mēs veiksim izmaiņas vienā CSS faila vietā, piemēram, iekrāsojam visus rindkopas sarkanā krāsā, tad šīs izmaiņas attieksies uz visām tūkstoš HTML lapām, kurām ir pievienots mūsu CSS fails. Ļoti ērti un ātri.

Stilu failam jābūt ar paplašinājumu .css. Lai pievienotu šādu failu HTML lapai, atzīmē head jāraksta šāda konstrukcija:

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

Nākamajā piemērā mūsu HTML failam tiek pievienots CSS fails 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>

Izveidojiet un pievienojiet visām savām lapām failu styles.css.