Keresés Kategóriák Kedvencek

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
Kapcsolódó videók Hozzászólások
pimpi - 15 éve

Szeretném, ha folytatnád... Sztem jól magyarázol.
Az okoskodók előtt pedig ott a lehetőség....

4thw4 - 15 éve, 1 hónapja

Sry ha jól tudom, nem csak a body tag-ek hez lehet beírni a css parancsokat (nem is célszerű). Érdemes csinálni egy külön dokumentumot, és abba beleírni az összes parancsot, majd a html dokumentumunkban ezt meghívni. (ez csak egy tipp). Sokkal jobb megoldás, mert minden oldalunkon nem kell előről kezdeni a programozást, vagy nem kell másolgatni egyszerűen meghívjuk egy html kód segítségével. (időt takaríthatunk meg).(headben) . Lehet még kapcsolni:
Csak ehez érdemes ismerni a html-t!

almikoko - 15 éve, 2 hónapja

Szia!
Nagyon tetszett a videó ne hagyd abba!!!
Hajrá
Csak annyit akarok hozzá fűzni hogy nem befelé és kifelé néző mert az egy idő után össze zavarja az embert hogy most a lap oldalára néző a kifelé vagy a belseje felé néz a kifelé néző.
Ezért mond azt hogy nyitó tag és záró tag.
Így könnyebb lesz megtanulni.
5*

imre93 - 15 éve, 4 hónapja

amm az NVU nevű programmal sokkal egyszerűbb
De ez is jó (Y)

csonix - 15 éve, 5 hónapja

kapcsos-zárójelek : )

Vissza Tovább
Mobil verzió - Normál verzió

© 2024 Next Project Kft. - Minden jog fenntartva.