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% |
