A CSS az a nyelv, amelyet a weboldal stílusának meghatározására használunk.
A CSS a Cascading Style Sheets rövidítése
A CSS leírja, hogyan kell a HTML elemeket megjeleníteni a képernyőn, papíron vagy más adathordozón
A CSS rengeteg munkát takarít meg. Ez szabályozhatja az elrendezést több weboldalt egyszerre
A külső stíluslapok CSS-fájlokban tárolódnak
Itt egy HTML oldalt fogunk megjeleníteni négy különböző stíluslappal. Kattintson a "Stíluslap 1", "Stíluslap 2", "Stíluslap 3", "Stíluslap 4" Az alábbi linkeken megtekintheti a különböző stílusokat:
A CSS-t a weboldalak stílusának meghatározására használják, beleértve a tervezést és az elrendezést valamint a kijelző variációi a különböző eszközökhöz és képernyőméretekhez.
body
{
background-color: lightblue;
}
h1
{
color: white;
text-align: center;
}
p
{
font-family: verdana;
font-size: 20px;
}Próbálja ki Ön is →
<!DOCTYPE html>
<html>
<head>
<style>
body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
}
</style>
</head>
<body>
<h1>My First CSS Example</h1>
<p>This is a paragraph.</p>
</body>
</html>
A HTML-nek SOHA nem volt célja, hogy címkéket tartalmazzon egy weboldal formázásához!
HTML volt egy weboldal tartalmának leírására készült, például:
<h1>Ez egy címsor</h1>
<p>Ez egy bekezdés.</p>
Amikor olyan címkéket adtak hozzá a HTML 3.2-hez, mint a és a color attribútumok specifikáció, rémálmot indított a webfejlesztők számára. Fejlesztése nagy weboldalak, ahol minden egyes betűtípust és színinformációt adtak hozzá oldal, hosszú és költséges folyamat lett.
A probléma megoldására a World Wide Web Consortium (W3C) létrehozta a CSS-t.
A CSS eltávolította a stílusformázást a HTML oldalról!
Ha nem tudja, mi az a HTML, javasoljuk, hogy olvassa el HTML oktatóanyagunkat.
A stílusdefiníciókat általában külső .css fájlokban menti a rendszer.
Egy külső stíluslapfájl segítségével egy teljes webhely megjelenését megváltoztathatja egyetlen fájl módosításával!