http://www.wiki.mohid.com/index.php?action=history&feed=atom&title=CssCss - Revision history2026-04-04T21:12:01ZRevision history for this page on the wikiMediaWiki 1.28.0http://www.wiki.mohid.com/index.php?title=Css&diff=1896&oldid=prevGuillaume: /* The box model */2009-05-05T14:04:46Z<p><span dir="auto"><span class="autocomment">The box model</span></span></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;' lang='en'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">Revision as of 14:04, 5 May 2009</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l4" >Line 4:</td>
<td colspan="2" class="diff-lineno">Line 4:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>One of the most important concept of [[css]] is the box model. The box model provides the description of each geometrical attribute of a block, i.e. of an xhtml element.</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>One of the most important concept of [[css]] is the box model. The box model provides the description of each geometrical attribute of a block, i.e. of an xhtml element.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><<del class="diffchange diffchange-inline">webimg</del>>http://www.w3.org/TR/CSS2/images/boxdim.png</<del class="diffchange diffchange-inline">webimg</del>></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><<ins class="diffchange diffchange-inline">webimage</ins>>http://www.w3.org/TR/CSS2/images/boxdim.png</<ins class="diffchange diffchange-inline">webimage</ins>></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>*The '''position''' defines the type of positionning that the block element uses to place itself inside the page.</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>*The '''position''' defines the type of positionning that the block element uses to place itself inside the page.</div></td></tr>
</table>Guillaumehttp://www.wiki.mohid.com/index.php?title=Css&diff=1895&oldid=prevGuillaume: /* The box model */2009-05-05T14:04:37Z<p><span dir="auto"><span class="autocomment">The box model</span></span></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<col class='diff-marker' />
<col class='diff-content' />
<col class='diff-marker' />
<col class='diff-content' />
<tr style='vertical-align: top;' lang='en'>
<td colspan='2' style="background-color: white; color:black; text-align: center;">← Older revision</td>
<td colspan='2' style="background-color: white; color:black; text-align: center;">Revision as of 14:04, 5 May 2009</td>
</tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l4" >Line 4:</td>
<td colspan="2" class="diff-lineno">Line 4:</td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>One of the most important concept of [[css]] is the box model. The box model provides the description of each geometrical attribute of a block, i.e. of an xhtml element.</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>One of the most important concept of [[css]] is the box model. The box model provides the description of each geometrical attribute of a block, i.e. of an xhtml element.</div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'>−</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;"><div><<del class="diffchange diffchange-inline">img</del>>http://www.w3.org/TR/CSS2/images/boxdim.png</<del class="diffchange diffchange-inline">img</del>></div></td><td class='diff-marker'>+</td><td style="color:black; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><<ins class="diffchange diffchange-inline">webimg</ins>>http://www.w3.org/TR/CSS2/images/boxdim.png</<ins class="diffchange diffchange-inline">webimg</ins>></div></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"></td></tr>
<tr><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>*The '''position''' defines the type of positionning that the block element uses to place itself inside the page.</div></td><td class='diff-marker'> </td><td style="background-color: #f9f9f9; color: #333333; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #e6e6e6; vertical-align: top; white-space: pre-wrap;"><div>*The '''position''' defines the type of positionning that the block element uses to place itself inside the page.</div></td></tr>
</table>Guillaumehttp://www.wiki.mohid.com/index.php?title=Css&diff=1894&oldid=prevGuillaume: New page: Css, or cascading stylesheet, is a stylesheet standard for html pages. ==The box model== One of the most important concept of css is the box model. The box model provides the desc...2009-05-05T14:04:20Z<p>New page: <a href="/index.php?title=Css" title="Css">Css</a>, or cascading stylesheet, is a stylesheet standard for html pages. ==The box model== One of the most important concept of <a href="/index.php?title=Css" title="Css">css</a> is the box model. The box model provides the desc...</p>
<p><b>New page</b></p><div>[[Css]], or cascading stylesheet, is a stylesheet standard for html pages.<br />
<br />
==The box model==<br />
One of the most important concept of [[css]] is the box model. The box model provides the description of each geometrical attribute of a block, i.e. of an xhtml element.<br />
<br />
<img>http://www.w3.org/TR/CSS2/images/boxdim.png</img><br />
<br />
*The '''position''' defines the type of positionning that the block element uses to place itself inside the page.<br />
*'''top''', '''left''', '''right''', '''bottom''' are the attributes that provide the positioning of a block element,<br />
*The '''margin''' provides the outer spacing that the block element will occupy<br />
*The '''padding''' provides the inner spacing<br />
*The '''border''' provides the type and thickness of the border<br />
*The '''width''' and '''height''' are the attributes that provide the content size.<br />
<br />
==External References==<br />
*[http://www.w3.org/TR/CSS2/box.html css2 W3C documentation]</div>Guillaume