grosse CSS ou pas ?

grosse CSS ou pas ? - HTML/CSS - Programmation

Marsh Posté le 09-02-2003 à 16:03:46    

Etan donné qu'un m'a dit d'utiliser des CSS pour être aux normes ... je voudrais demander : vaut-il mieux une grosse CSS de 150 lignes ou tout est géré et ou le code html très reduit ou vaut-il mieux faire les grandes lignes en CSS et continué pour des spécificités à mettre <p><font color="green">yep</font></p>
 
en gros, vaut mieu ca :
 


<style>
.hauttitre {
 font-size: 11px;
 color: #000000;
 font-family: Arial;
}
<p class="hauttitre">Vive le PHP</p>


 
ou ca :
 


<p><font face="Arial" color="black"><span style="font-size:9pt;">tyghfh</span></font></p>

Reply

Marsh Posté le 09-02-2003 à 16:03:46   

Reply

Marsh Posté le 09-02-2003 à 16:09:27    

class="..." si c'est des trucs que tu emploies à plusieurs endroits, sinon style="..." pour ne pas devoir recréer un nom de classe.
Avec les <font> tu risques pas trop d'être aux normes :o
par contre tu as intérêt à utiliser le fait que le CSS fonctionne par héritage : si par ex toutes tes classes appliquées à des <p> ont des attributs communs (font-family, font-size), ne les définit qu'une seule fois, dans le p, et pas dans chaque classe.


---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 09-02-2003 à 16:17:48    

merci ca je savais pas du tout ;)
 
et les héritages ca fonctionne tout le tps ? je ve dire sous tout les navigateurs ?
 
autres question si j'ai defini une police dans un tableau et que je veu kun element de ce tableau change je fais comment ?
 
exemple
 

<table class="menu"><tr><td>Hello</td></tr>
<tr><td><p class="titre">Site</p></td></tr>


 
mais la Site s'affiche comme Hello, avec les propriétés de menu
 
ah oui aussi kan je fais
 

.unnom {
......
}

je vois comment ca fonctionne mais pour appliquer à une balise c est le nom de la balise c est ca ? comme ca :
 

table {
...
}

Reply

Marsh Posté le 09-02-2003 à 16:22:18    

je te conseille la premiere solution, qui n'est d'ailleurs pas si longue que ça (peut s'écrire

.hauttitre { font-size: 11px; color: #000000; font-family: Arial; }

).
Les CSS sont surtout utiles si ta mise en forme se répète (d'autre "<p>" avec les mêmes attributs), et s'avèrent quasi-obligatoires sur un site entier.
Imagine toi une refonte graphique de ton site, et obligé de modifier chaque page web !!
Avec CSS, tu ne modifies que le CSS et la modification se repercute sur toutes les pages !
 

Reply

Marsh Posté le 09-02-2003 à 16:24:56    

ok merci pour toutes ces infos je vais regarder ca ;)

Reply

Marsh Posté le 09-02-2003 à 16:38:29    

ah bah ca c est une excellente nouvelle je te remercie par consequent beaucoup pour cette info, maintenant je vais me faire une grosse css bien detaillé et ca pourra meme me permettre de proposer à mes visiteurs des couleurs différentes du site seulement en mofifiant la CSS qui est chargé
 

Reply

Marsh Posté le 09-02-2003 à 16:46:01    

Reply

Marsh Posté le 09-02-2003 à 16:51:49    

merci javai pas regarder ici :) :)

Reply

Marsh Posté le 09-02-2003 à 20:13:28    

dambo a écrit :

maintenant je vais me faire une grosse css bien detaillé et ca pourra meme me permettre de proposer à mes visiteurs des couleurs différentes du site seulement en mofifiant la CSS qui est chargé


 
Bonsoir,
 
Quelques exemples d'utilisation des sélecteurs qui permettent de faire une feuille de style un peu moins grosse
http://www.infini-fr.com/Sciences/ [...] teurs.html


---------------
Amicalement, Monique
Reply

Marsh Posté le 09-02-2003 à 20:17:10    

j'utilise les multi classes
 
.rouge {
color:red;
}
.bold {
font-weight:bold
}
.contour {
border:1px solid black
}
 
<span class="rouge bold contour">popol</span>
 
mine de rien ça peut faire gagner beaucoup sur le poid de la CSS

Reply

Marsh Posté le 09-02-2003 à 20:17:10   

Reply

Marsh Posté le 09-02-2003 à 20:22:00    

bah heu non
http://akaa.free.fr/orbiter/index.php?page=fichiers
le texte en rouge passe trés bien  :??:

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed