http://wiki.math.bme.hu/history/Informatika1-2011/Gyakorlat8?feed=atom&
Informatika1-2011/Gyakorlat8 - Laptörténet
2024-03-29T12:21:10Z
Az oldal laptörténete a wikiben
MediaWiki 1.18.1
http://wiki.math.bme.hu/index.php?title=Informatika1-2011/Gyakorlat8&diff=6888&oldid=prev
Zrimay: /* Alaplépések */
2011-11-02T12:25:39Z
<p><span class="autocomment">Alaplépések</span></p>
<table class='diff diff-contentalign-left'>
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr valign='top'>
<td colspan='2' style="background-color: white; color:black;">←Régebbi változat</td>
<td colspan='2' style="background-color: white; color:black;">A lap 2011. november 2., 12:25-kori változata</td>
</tr><tr><td colspan="2" class="diff-lineno">19. sor:</td>
<td colspan="2" class="diff-lineno">19. sor:</td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>   a:active { }</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>   a:active { }</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="background: #ffa; color:black; font-size: smaller;"><div>   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 {</div></td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div>   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,</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">  </ins>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,</div></td></tr>
<tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="background: #cfc; color:black; font-size: smaller;"><div><ins class="diffchange diffchange-inline">  </ins>nav, section, summary,time, mark, audio, video {</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>   margin: 0;</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>   margin: 0;</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>   padding: 0;</div></td><td class='diff-marker'> </td><td style="background: #eee; color:black; font-size: smaller;"><div>   padding: 0;</div></td></tr>
</table>
Zrimay
http://wiki.math.bme.hu/index.php?title=Informatika1-2011/Gyakorlat8&diff=6886&oldid=prev
Zrimay, 2011. november 2., 12:09-n
2011-11-02T12:09:29Z
<p></p>
<p><b>Új lap</b></p><div>=== Alaplépések ===<br />
* 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é.)<br />
* Írd bele a következő kódot:<br />
<br />
body { }<br />
p { }<br />
table { }<br />
td { }<br />
th { }<br />
ul { }<br />
ol { }<br />
li { }<br />
dl { }<br />
dt { }<br />
dd { }<br />
a:link { }<br />
a:visited { }<br />
a:hover { }<br />
a:active { }<br />
<br />
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 {<br />
margin: 0;<br />
padding: 0;<br />
border: 0;<br />
outline: 0;<br />
font-size: 100%;<br />
font: inherit;<br />
vertical-align: baseline;<br />
}<br />
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {<br />
display: block;<br />
}<br />
<br />
* class: .osztálynév<br />
* id: #id_név<br />
<br />
* Mentsd el.<br />
* Menj a http://www.math.bme.hu/~userneved oldalra, és gyönyörködj az új dizájnodon!<br />
<br />
=== Segédanyagok ===<br />
<br />
* A gyakorlathoz régebbi anyag: [http://www.math.bme.hu/~tothagi/11gy.xhtml 11gy.xhtml], a hozzá tartozó [http://www.math.bme.hu/~tothagi/stilus.css stilus.css]<br />
* CSS példák egy oldal variálására: [http://csszengarden.com/ CSS Zen Garden]<br />
<br />
=== Validátor ===<br />
<br />
* A css fájlokat validáljátok a [http://jigsaw.w3.org/css-validator/ http://jigsaw.w3.org/css-validator/] címen.</div>
Zrimay