Táblázat létrehozása CSS stílusokat

Ebben a cikkben tartjuk létrehozását stíluslapok, hogy egy kicsi és egyszerű példát.

Stílus lemezek külön kiterjesztésű fájl .css. Ez a fájl van írva, mint a html dokumentum a szokásos Notepad.

Együttműködik a kód (HTML, CSS, PHP, stb), nem javasoljuk a Jegyzettömb, és a program Notesz ++
Egy nagyon hasznos segédprogram, akkor ki van emelve az összes kódot, és ha a kód hibákat, ő már nem kell, hogy világítson.

A CSS-ben nem tag és attribútumok. Bár sokan az úgynevezett.
A szerkezet a stíluslap szabályokból áll.
Szabályban van szelektor és blokkolja bejelentések stílusokat. Szelektor fordítás angolról jelenti ki egy választás. Ez, úgy dönt, egy címkét, amely alkalmazni fogják stílus vagy stílust. Itt például:

h2 ebben az esetben lesz a választó, és minden mást egy blokk bejelentések stílus, amely mindig zárójelek. Minden együtt lesz jogok.

Blokk stílus viszont olyan tulajdonságokkal rendelkezik (jelzi zöld) és az értékek ezeket a tulajdonságokat. Tulajdonságok felsorolása, elválasztva.
A szabály tulajdonságai vannak definiálva az összes fejléc a tag h2:

• font size = 15 pixel
• Betűszín # 232D37

Most arról, hogyan kell alkalmazni a szabályt, hogy a HTML-dokumentum.

Erre a célra egy speciális címkét
style.css ahol az elérési utat a létrehozott fájlt kiterjesztésű .css. útvonal lehet relatív vagy abszolút (teljes mértékben http). A fájl tárolható egy külön mappába, és ugyanabban a mappában az index.html fájlt.
Ez a címke kerül beillesztésre a zárás előtt . például:

És a példa a CSS stíluslap fájlt:

Most nyílt jegyzettömb és átírni a (kézi) kódot. Először HTML-fájl, felejthetetlen megtakarítás kiterjesztésű .html. akkor a CSS-fájl, mentett kiterjesztésű .css.
Minden a fájlokat a kisboltban minden üres mappába, például www.

Ez az, amit kap:

Mint látható a HTML-fájlt, akkor nem állapított meg semmilyen attribútumokat szöveget, ezek meghatározása a CSS fájlban.
Így megadhatja stílusok minden tag a HTML stílusok, és csatlakozni bármely oldalak számát.

Most egy kis munka ki, színe megváltozik, betűméret, stb

Ugrás a következő lecke

Kapcsolódó cikkek