Informatika1-2015/Gyakorlat5
A MathWikiből
(Változatok közti eltérés)
a (→Include) |
|||
4. sor: | 4. sor: | ||
A [https://hu.wikipedia.org/wiki/Cascading_Style_Sheets CSS] a [https://hu.wikipedia.org/wiki/HTML HTML]-hez tartozó formázási lehetőség. Segítségével szebb honlapokat lehet csinálni, mint kizárólag HTML-el. | A [https://hu.wikipedia.org/wiki/Cascading_Style_Sheets CSS] a [https://hu.wikipedia.org/wiki/HTML HTML]-hez tartozó formázási lehetőség. Segítségével szebb honlapokat lehet csinálni, mint kizárólag HTML-el. | ||
− | === | + | === A CSS létrehozása === |
Egy CSS honlapnak tartalmaznia kell egy hivatkozást egy másik (<tt>.css</tt> kiterjesztésű) fájlra, ahol a formázási elemek vannak. Például: | Egy CSS honlapnak tartalmaznia kell egy hivatkozást egy másik (<tt>.css</tt> kiterjesztésű) fájlra, ahol a formázási elemek vannak. Például: | ||
public_html | public_html | ||
22. sor: | 22. sor: | ||
</body> | </body> | ||
</html> | </html> | ||
+ | |||
+ | Nézzük meg például a | ||
+ | http://math.bme.hu/~borbely/minta_css | ||
+ | honlapot és a hozzá tartozó | ||
+ | http://math.bme.hu/~borbely/stilus.css | ||
+ | fájlt! | ||
+ | === A CSS fájl tartalma === | ||
+ | A CSS fájl olyan szintaxisú, hogy minden html tag-nek beállíthatunk attribútumokat, pl: | ||
+ | html{ | ||
+ | background: white; | ||
+ | } | ||
+ | Ez azt jelenti, hogy az <tt>index.html</tt> fájlnak a <tt><html></tt> tag-jének a tartalmára a <tt>background: white</tt> attribútum vonatkozik. Vagyis a honlap háttere fehér lesz. | ||
+ | a{ | ||
+ | color: blue; | ||
+ | } | ||
+ | Ennek hatására a honlap összes <tt>a</tt> tagje (linkek) kék lesz. | ||
+ | |||
+ | Néhány attribútum: | ||
+ | {| class="wikitable" | ||
+ | !attribútum | ||
+ | !lehetséges értékek | ||
+ | |- | ||
+ | |font-size | ||
+ | |200% | ||
+ | |} | ||
[[Informatika1-2015/Gyakorlat4|Előző gyakorlat]] - [[Informatika1-2015#Gyakorlatok|Fel]] - [[Informatika1-2015/Gyakorlat6|Következő gyakorlat]] | [[Informatika1-2015/Gyakorlat4|Előző gyakorlat]] - [[Informatika1-2015#Gyakorlatok|Fel]] - [[Informatika1-2015/Gyakorlat6|Következő gyakorlat]] |
A lap 2015. október 5., 20:32-kori változata
Előző gyakorlat - Fel - Következő gyakorlat
CSS
A CSS a HTML-hez tartozó formázási lehetőség. Segítségével szebb honlapokat lehet csinálni, mint kizárólag HTML-el.
A CSS létrehozása
Egy CSS honlapnak tartalmaznia kell egy hivatkozást egy másik (.css kiterjesztésű) fájlra, ahol a formázási elemek vannak. Például:
public_html | +- index.html | +- style.css
Ahol az index.html tartalma:
<!DOCTYPE html> <html> <head> <title>...</title> <link type="text/css" rel="stylesheet" href="style.css"> </head> <body> ... </body> </html>
Nézzük meg például a
http://math.bme.hu/~borbely/minta_css
honlapot és a hozzá tartozó
http://math.bme.hu/~borbely/stilus.css
fájlt!
A CSS fájl tartalma
A CSS fájl olyan szintaxisú, hogy minden html tag-nek beállíthatunk attribútumokat, pl:
html{ background: white; }
Ez azt jelenti, hogy az index.html fájlnak a <html> tag-jének a tartalmára a background: white attribútum vonatkozik. Vagyis a honlap háttere fehér lesz.
a{ color: blue; }
Ennek hatására a honlap összes a tagje (linkek) kék lesz.
Néhány attribútum:
attribútum | lehetséges értékek |
---|---|
font-size | 200% |