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.
  
=== Include ===
+
=== 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., 19: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%

Előző gyakorlat - Fel - Következő gyakorlat

Személyes eszközök