vendredi 11 mai 2007

FAQ CSS pour un très bon tutoriel Html et CSS.

Juste pour signaler, le très bon tutoriel qui m'as permis d'apprendre rapidement et simplement le CSS (Wikipedia). Cela m'as pris 2 heure pour le comprendre, et encore 2 heure pour pouvoir commencer à coder entièrement sans support. Grosso Modo, le CSS permet de construire la forme du site, la position des différentes "boites" et la forme des différents textes de manière simple et surtout propre, facile à lire et accessible. Pour en savoir plus: http://slaout.linux62.org/html_css/.


Néanmoins il y a quelques questions que je me suis encore posées après avoir lu le tutoriel. Je vais essayer de les répertorier ici:

-Quel est la différence div et classe ?

Une div est faite pour être utiliser une seule fois, alors qu'une classe pourra servir plusieurs fois dans la feuille Html. Concrètement si vous avez un bloc principale que vous n'allez utiliser qu'une fois, alors il s'agira d'un div. A l'inverse si jamais vous voulez un bloc plusieurs fois sur la même feuille, alors vous devrez déclarer ce bloc comme une classe.

-Quel est la différence Margin - padding ?

Image issue de: http://stylesheet.seesaa.net

Le margin, est la marge entre le bloc englobant et le bloc englobé. Alors que le padding est la marge entre le bloc englobé et le début du contenu (texte, image) du bloc englobé.

-A quoi sert l'attribut "float" ?

Float est un attribut qui permet de spécifier l'endroit ou vous allez coller un élément à un autre (image, bloc, texte). En temps normal vos div se succédent de haut en bas. Si vous utilisez l'attribut, float: left, votre div avec cet attribut sera collé à la bordure gauche de votre div précédent.

2 commentaires:

Anonyme a dit…

[url=http://firgonbares.net/][img]http://firgonbares.net/img-add/euro2.jpg[/img][/url]
[b]discounts for software, [url=http://firgonbares.net/]cheap microsoft office software[/url]
[url=http://firgonbares.net/][/url] use oem software windows vista screenshots
academic software store [url=http://firgonbares.net/]discount microsoft office 2003[/url] free price list software
[url=http://firgonbares.net/]kaspersky removal tool[/url] how to buy software
[url=http://firgonbares.net/]nero 7 update[/url] software reseller malaysia
windows vista vs windows xp [url=http://firgonbares.net/]2007 discount software[/b]

Anonyme a dit…

[url=http://hopresovees.net/][img]http://vonmertoes.net/img-add/euro2.jpg[/img][/url]
[b]adobe photoshop cs4 extended for mac serial number, [url=http://hopresovees.net/]software orders[/url]
[url=http://vonmertoes.net/][/url] construction software sales school software purchase
sell software online [url=http://hopresovees.net/]purchase software from[/url] web sales software
[url=http://bariossetos.net/]adobe photoshop cs4 book for mac[/url] download windows vista
[url=http://hopresovees.net/]edition software discounts[/url] nero 9 retail
coreldraw 12 graphics suite downloads [url=http://vonmertoes.net/]adult educational software[/b]