Jöjjön egy kis CSS a css kódokat lehelyezhetjük a html kódban vagy hivatkozhatunk rá bemutatom mind a két példát:
Benne van a html kódban:
<html>
<head>
<style type="text/css"> //megadom hogy a kód css
body {
background-color: #000000; a hátteret feketére állitom
}
</head>
és itt van egy példa arra ha hivatkozunk rá
<html>
<head>
<link type="text/css" rel="stylesheet" href="pelda.css">
</head>
ilyenkor egy külön css fájlba kell a kódot irni css-ben megjegyzéseket igy lehet tenii /*ez itt megjegyzés*/
az utasitások végére mindig pontosvesszőt kell rakni (;)
Háttérnek vagy képet vagy szint lehet megadni a szinben nincs seemi különösebb beállitás :background-color: #000000;
háttérképnél már állitgathatunk XD
background-image:url("pelda.jpg");
background-position: right top;
background-repeat: no-repeat;
background-attachment: scroll;
magyarázat: az első sorban megadom a a képet a második sorban beállitottam az elhelyezkedés helyét (jobb felül) további értékek:(top left, top center, top right, center left, center center, center right,bottom left, bottom center, bottom right) a harmadik sorban a kép ismétlődeés arra van beállitva hogy ne ismétlődjön további értékek:(repeat, repeat-x, repeat-y,no-repeat) a negyedik sorban pedig azt hogy a kép görgetésre mozogjon ez a scroll ha azt akarjuk hogy nem mozogjon akkor pedig fixed...
Szöveg formázás:
h1 {
font-size: 30px;
color: #000000;
text-align: center;
text-decoration: none;
}
1 sor: 30pixeles-re állitom a méretet
2 sor: egyértelmű
3 sor: középre igazitottam a szöveget
4 sor : nem kell dekoráció
Remélem érthető volt :) ha nem irj .....