Informatika1-2011/Gyakorlat8
A MathWikiből
Alaplépések
- Nyiss egy új file-t a gedit-ben, mentsd el "style.css" néven a "public_html" könyvtáradba! (Az "index.html" és a többi fájlod mellé.)
- Írd bele a következő kódot:
body { } p { } table { } td { } th { } ul { } ol { } li { } dl { } dt { } dd { } a:link { } a:visited { } a:hover { } a:active { }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section { display: block; }
- class: .osztálynév
- id: #id_név
- Mentsd el.
- Menj a http://www.math.bme.hu/~userneved oldalra, és gyönyörködj az új dizájnodon!
Segédanyagok
- A gyakorlathoz régebbi anyag: 11gy.xhtml, a hozzá tartozó stilus.css
- CSS példák egy oldal variálására: CSS Zen Garden
Validátor
- A css fájlokat validáljátok a http://jigsaw.w3.org/css-validator/ címen.