Cascading Style Sheet
Kezdetben vala a Web
És a web HTML oldalakból vala, és <font> tag-eket meg táblázatokat használa minden "webmester", hogy oldala pofásabban nézzen ki.
Aztán pedig jöttek a dinamikus oldalak, a CMS-ek, wikik meg egyéb szörnyetegek, és felmerült az igény arra, hogy szétváljon az oldal struktúrája és kinézete. A HTML kiváló vala struktúra és tartalom hordozására, de igen pocsék vala arra, hogy a kinézetet úgy tartalmazza, hogy attól az oldal struktúrája ne essen szanaszéjjel. Továbbá a HTML-alapú formázás igencsak megdobta az oldalak méretét, továbbá totálisan olvashatatlanná tette az oldalt mobil eszközökön, Braille-olvasókon, és úgy általában mindenen, ami nem Netscape vagy Internet Explorer volt.
Cascading Style Sheets
A Cascading Style Sheets azt a célt szolgálja, hogy egy értelmesen megírt HTML oldalnak a kinézetét lehessen vele meghatározni anélkül, hogy az eredeti oldalba bele kellene piszkálni. Ugyanaz a stylesheet használható így több oldalra is (teszemazt egy wiki összes oldalára), így mindegyik ugyanolyan stílusban fog megjelenni, de a stíluslapot mégis csak egyszer kell letöltenie a dicső webezőnek.
Hurrá!
Egy apró példa
Az alant látható részben stíluslappal lett meghatározva, hogy a fejlécek sárgák legyenek és sárgán jelenjenek meg, valamint a linkek lilák, a listák pedig római számmal számozottak. A CSS kódja a következő:
H3 { color: yellow; }
OL A { color: purple; } OL { list-style-type: upper-roman; }
Példa
- CascadingStyleSheet
- Ez egy példa
- Azt hiszem már
- vágod.
Hogyan kell CSS-elni?
Ha többet akarsz megtudni a CSS-ről, akkor itt tudsz utánanézni: http://www.w3.org/Style/CSS/ Ezen az oldalon belül a CSS level1 és CSS level 2.1 érdekes.
Nézd meg ennek az oldalnak a forrását, és rájöhetsz, hogy hogyan illeszthető be CSS egy ApocalypseKözös oldalba. Én többnyire az EditCSS nevű FireFox kiegészítővel szoktam CSS-t gyártani.
InfoTéma