Fórumok / CSS / 1. Lekce - Naruto és Naruto Shippuuden

Fórumok

Naruto és Naruto Shippuuden :: Fórumok :: Programozzunk Stein-el! :: CSS		<< Előző téma \| Következő téma >>
1. Lekce


Moderátorok: admin, joe san, Sakura08

Szerző

Üzenet

admin

Fri Jan 10 2014, 03:43PM

Regisztrált tag #1

Regisztrált: Thu Aug 11 2011, 04:57PM
Üzenetek: 107

Röviden arról hogy mi is az a CSS:
A CSS nem más mint egy stíluslap amit a weboldalakra lehet ráhúzni, hogy szebbek és felhasználó barátabbak legyenek.

Nem fogok minden CSS paraméter leírni mert irdatlan sok van!!!
Csak az alapok lesznek itt fenn!

A CSS fájlok kiterjesztése, rettentően kreatívan .css
Ez a fájl kezdetekben legyen MINDIG a .html fájlod mellett, mert akkor könnyebb őket összekapcsolni.

Kezdjük is el.

Elsősorban a legfontosabb talán a kapcsolat:
Ezzel a sorral lehet összekötni a CSS-t és a HTML-t.

De hogy ne legyen egyszerű az élet, bejött egy új HTML tag ami nem más mint:
Ezzel a taggal lehet kijelölni adott területeket (div = division)

Ezeket a területeket valahogyan meg is kell különböztetni erre jön a
- class
- id
paraméter amit MINDEN html tag-be be lehet írni!
Néhány példa:
A CSS fájlban mi csak a class-ekre és az id-kre fogunk hivatkozni és paramétereket megadni nekik.

CLASS esetén a CSS-ben .-al hivatkozunk (pont)
ID esetés a CSS-ben pedig #-el hivatkozunk (kettőskereszt)

Röviden tömören az egész lényege az hogy ID vagy CLASS paraméterrel ellátjuk a HTML tag-eket és egy másik fájlban (CSS) paramétereket adunk meg neki hogy nézzen ki. Ilyen tulajdonság értékből rengeteg van.

Következő lecke: DIV és CSS alap paraméterek.

HA:
Simán csak egy HTML tag-re akarsz hivatkozni a CSS-ben akkor nem kell se . se #, akkor csak simán írd le a tag nevét!
Példa:
body{
font: 12px "Helvetica Neue",Arial,Helvetica,sans-serif;
color:#222;
margin:0;
padding:0;
background-color: #323231;
}

Ajánlom ezt az oldalt
http://www.w3schools.com/

[ Módosítva Wed Jan 29 2014, 06:00PM ]

Vissza az elejére


Ugrás: Vissza az elejére