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.
