CSS alapok - 2. rész: A CSS elhelyezkedése a kódban

Készítette: A6ON
2009. május 25. 19:04:47 - 8362 megtekintés

Ebben a tippben megtanulhatjuk, hogy hová is kell írni a CSS kódokat, illetve szemügyre vesszük a HTML alapszerkezetét.
Amire szükségünk lesz

számítógép
CSS alapok
Hozzunk létre egy mappát a C meghajtón belül, ami a CSS névre fog hallgatni. Ezen belül hozzunk létre még egy mappát 1 néven, amiben az itteni állományok fogna elhelyezkedni.
A szerkesztéshez az EditPlus programot fogjuk használni. Hozzunk létre egy új html oldalt, töröljük ki a felesleges részeket. Az alapszerkezet marad, ami alap html tagekből áll: html, head, body, és a lezáró tagekből.
A CSS-re tudunk hivatkozni, amit a head részbe fogunk illeszteni, a javascriptek is mindig ide kerülnek. Amit a honlapon szeretnénk megjeleníteni, azt a body részbe írjuk.
Először hivatkozzunk a CSS fájlra:

Mentsük el az elkészített mappába, alapok.htm néven.

Második módszer, ugyanerre:

Hozzunk létre egy CSS kódot alapok.css néven.

Ha szeretnénk, ha pl. sötét színe legyen annak amit meg szeretnénk jeleníteni, a következőket kell létrehoznunk:

body {
color: navy ;
}

A body közé pedig írjunk tetszőleges szöveget, mentsük el. Ugyanígy a háttérszínt is tudjuk módosítani.
Címkék:
css html weblap editplus