CSS gyakorlat
Ebben a gyakorlatban csak a használandó CSS attribútumok neveit írom le, ebben a leírásban olvashatsz róluk bővebben. Vigyázz! Abban a leírásban a HTML tag nevek és az attribútumok neveit a régi szokás szerint nagy betűkkel írják. Kompatibilitási okok miatt te azért már kis betűket használj!
A gyakorlathoz használandó HTML fájl az, amit a HTML gyakorlatban készítettél. Hozz mellé létre egy CSS fájlt, és a HTML fejrészébe (<head> </head>) tedd be a megfelelő hivatkozást! (lásd a CSS bevezetőben!)
- Változtasd meg az oldal háttérszínét (background-color) és szükség esetén a szöveg színét (color) is! Ne szemkifolyató színeket használj!
- A címsor legyen középre igazított (text-align)
- Az alcímsorok az oldal színétől enyhén eltérő háttérszínt kapjanak, és egy képpont vastag (border-width) szaggatott (border-style) tetszőleges színű (border-color) szegélyt! (Ne feledd, hogy eme három attribútum helyett használhatod egyszerűen a border-t is!)
- A táblázat cellák ugyanolyan háttérszínt és szegélyt kapjanak, mint az alcímsorok!
- A cellák tartalma a cellaszegélytől baloldalt (padding-left) és jobboldalt (padding-right) is 10 képpontnyira beljebb legyen!
- Az alcímsorok szélessége (width) az oldal szélességének 60%-a legyen!
- A baloldali cellák tartalma jobbra igazított legyen! (Ehhez a HTML-ben class attribútumot kell ezeknek a celláknak adni, l. a CSS bevezető végén!)
- Ha már külön kezeljük a baloldali cellákat, akkor a <b> </b> tag-eket kitörölheted belőlük, és CSS-ben add meg, hogy eme cellák szövege félkövér legyen (font-weight)!