Bazele lucrului cu limbajul CSS

Am analizat deja tag-urile de bază ale limbajului HTML și acum este timpul să facem frumos. Am dori să avem posibilitatea de a schimba culoarea textului, dimensiunea acestuia, fundalul și multe altele. Acest lucru se face cu ajutorul limbajului CSS.

De obicei, comenzile CSS (stiluri) sunt stocate într-un fișier separat, care este conectat printr-un tag special la toate paginile HTML ale site-ului nostru.

Avantajul acestei abordări este că fișierul CSS este unul singur, iar fișierelor HTML poate fi orice cantitate, chiar și o mie. Dacă facem o modificare într-un singur loc în fișierul CSS, de exemplu, vom colora toate paragrafele în roșu, atunci acele modificări se vor aplica pe toate cele o mie de pagini HTML la care este conectat fișierul nostru CSS. Foarte convenabil și rapid.

Fișierul cu stiluri trebuie să aibă extensia .css. Pentru a conecta un astfel de fișier la o pagină HTML, în tag-ul head trebuie scrisă următoarea constructie:

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

În următorul exemplu, fișierului nostru HTML i se conectează fișierul 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>