Основи на работата с езика CSS

Вече разгледахме основните тагове на езика HTML и сега е време да внесем малко красота. Би било хубаво да имаме възможност да променяме цвета на текста, неговия размер, фона и много други неща. Това се прави с помощта на езика CSS.

Обикновено CSS командите (стилове) се съхраняват в отделен файл, който се свързва със специален таг към всички HTML страници на нашия уебсайт.

Предимството на този подход е, че CSS файлът е един, а HTML файловете могат да бъдат всякакво количество, дори хиляда. Ако направим промяна на едно място в CSS файла, например, оцветим всички параграфи в червено, то тези промени ще се приложат върху всичките хиляда HTML страници, към които е свързан нашия CSS файл. Много удобно и бързо.

Файлът със стилове трябва да има разширение .css. За да свържете такъв файл към HTML страница, в тага head трябва да напишете следната конструкция:

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

В следващия пример към нашия HTML файл се свързва CSS файл styles.css:

html<!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>