Voici comment écrire du code CSS

Auteur：Eve Cole Date de mise à jour：2025-01-21 13:33:52

/*Ce que j'utilise maintenant est modifié en fonction de la version partagée par Dan's, simplifiée et formatée*/
/*En fait, ce n'est pas le modèle le plus simple, il suffit de regarder ceci http://hi.baidu.com/nagato_yuki/css/item/af51f3de5971235494ee379b.css*/

a,a:lien,a:actif,a.on,a.on:visité
{
couleur:#000000!important;
décoration de texte : aucune
}

a: survol
{
décoration de texte : souligné
}

corps
{
famille de polices : "Microsoft Yahei", sans-serif ;
arrière-plan:url(<A href="/u/info_img/2009-06/12/4256bbefadc04dfbce1b3e07.jpg)
}

/*tête*/
#en-tête
{
hauteur : 200 px ;
remplissage-gauche : 120px ;
background:url(<A href="/u/info_img/2009-06/12/d6ca82771cecae0eb151b93f.jpg) centre sans répétition
}

#header div.tit,#header div.tita.titlink,#header div.tita.titlink:visité
{
affichage : aucun
}

#headerdiv.desc
{
haut : 125 px ;
gauche : 500 px ;
couleur :#fff ;
taille de police : 12 px ;
famille de polices : "Microsoft Yahei", sans-serif
}

#tabline
{
affichage : aucun
}

#languette
{
gauche : 150 px ;
haut : 170 px ;
arrière-plan : aucun
}

#tab a:lien,#tab a:hover
{
taille de police : 12 px ;
couleur d'arrière-plan : aucune ;
décoration de texte : aucune ;
couleur : #000000 ! important
}

#tab a:visité,#tab a.on
{
taille de police : 12 px ;
couleur d'arrière-plan : aucune ;
couleur:#FFFFFF!important
}

#étendue de tabulation
{
affichage : aucun
}

.scène
{
texte-align:centre;
background:url(<A href="/u/info_img/2009-06/12/6e546254f8773740564e00d5.jpg) centre de répétition
}

.stagepad
{
largeur : 740 px ;
marge : 0 auto
}

#mise en page
{
disposition de la table : fixe ;
largeur : 740 px ;
marge : 0 auto
}

#mise en page
{
marge supérieure : -10 px
}

#layout td.c1t1,#layout td.c2t1,#layout td.c2t3,#layout td.c3t1,#layout td.c3t3,#layout td.c3t5
{
rembourrage supérieur : 10 px
}

#mise en page td.c2t3
{
couleur d'arrière-plan :#f8f8f8
}

#mise en page td.c2t1
{
bordure inférieure : 1px solide #808080
}

#mise en page td.c2t3
{
bordure inférieure : 1px solide #808080
}

#mise en page td.c2t2
{
bordure droite : 1px solide #f8f8f8 ;
bordure inférieure : 1px solide #808080
}

#comm_info
{
couleur : #000 ;
famille de polices : "Microsoft Yahei", sans-serif ;
alignement du texte : gauche
}

#comm_infodiv.line
{
marge supérieure : 5 px ;
hauteur de ligne : 8 px ;
background:url(<A href=") fond sans répétition ;
rembourrage inférieur : 40 px ;
marge inférieure : 10 px
}

#page
{
hauteur : 30 px ;
taille de police : 14 px ;
famille de polices : "Microsoft Yahei", sans-serif ;
alignement du texte : à droite
}

.mod
{
marge inférieure : 10 px
}

.modth
{
hauteur:24px
}

.modhead
{
remplissage : 4px4px04px
}

.modopter
{
remplissage : 4px4px00
}

.modtit
{
couleur : #000 ;
taille de police : 12 px ;
famille de polices : "Microsoft Yahei", sans-serif ;
poids de la police : gras
}

a.modtit
{
couleur:#000
}

a.modtit:visité
{
couleur:#000
}

.modtitlink
{
couleur : #000 ;
taille de police : 12 px ;
poids de la police : gras
}

a.modtitlink
{
couleur : #000 ;
décoration de texte : aucune
}

a.modtitlink : visité
{
couleur : #000 ;
décoration de texte : aucune
}

a.modtitlink: survol
{
couleur : #000 ;
décoration de texte : souligné
}

.modact
{
couleur : #000 ;
taille de police : 12 px ;
famille de polices : "Microsoft Yahei", sans-serif ;
décoration de texte : aucune
}

a.modact:lien
{
couleur:#000
}

a.modact : visité
{
couleur:#000
}

a.modact: survol
{
couleur : #000 ;
;
décoration de texte : souligné
}

.modbox
{
remplissage : 10px 10px 0 10px ;
couleur d'arrière-plan : aucune
}

.modtl
{
arrière-plan : aucun
}

.modtc
{
arrière-plan : aucun
}

.modtr
{
arrière-plan : aucun
}

.modbl
{
arrière-plan : aucun
}

.modbc
{
arrière-plan : aucun
}

.modbr
{
arrière-plan : aucun
}

/*Zone de l'article*/
#m_blog div.tit,#m_blog div.tit a,#m_blog div.tit a:visité,#m_blog div.tit a:survol
{
couleur : #000 ;
taille de police : 16 px ;
poids de la police : gras ;
famille de polices : "Microsoft Yahei", sans-serif ;
marge inférieure : 20 px
}

#m_blogdiv.cnt
{
couleur : #555 ;
hauteur de ligne : 26 px ;
taille de police : 13 px ;
famille de polices : "Microsoft Yahei", sans-serif ;
marge inférieure : 20 px
}

#m_blog div.cnt a,#m_blog div.cnt a:visité,#m_blog div.cnt a:survol
{
décoration de texte : souligner ! important
}

#m_blog div.more,#m_blog div.more a,#m_blog div.more a:visité,#m_blog div.more a:survol
{
texte-align:droite;
marge inférieure : 20 px ;
}

#m_blog div.opt,#m_blog div.opt a,#m_blog div.opt a:visité
{
taille de police : 12 px ;
décoration de texte : aucune ;
famille de polices : "Microsoft Yahei", sans-serif ;
texte-align:droite;
marge inférieure : 20 px ;
}

#m_blog div.opt a: survol
{
décoration de texte : souligné
}

#m_blog div.line
{
marge supérieure : 17 px ;
hauteur de ligne : 17 px ;
border-top : 1px#000000dashed ;
marge inférieure : 20 px
}

#m_blog div.none
{
remplissage : 100px 0 100px 0 ;
couleur : #000 ;
taille de police : 14 px
}

/*Zone de fichiers personnels*/
#m_pro a
{
famille de polices : "Microsoft Yahei", sans-serif ;
décoration de texte : aucune
}

#m_pro a:visité
{
décoration de texte : aucune
}

#m_pro a:survolez
{
décoration de texte : souligné
}

#m_prodiv.image
{
aligner le texte: centre
}

#m_prodiv.act
{
marge supérieure : 10 px
}

#m_prodiv.user
{
marge supérieure : 10 px ;
couleur : #000 ;
taille de police : 12 px ;
poids de la police : gras ;
famille de polices : "Microsoft Yahei", sans-serif
}

#m_prodiv.desc
{
couleur : #666 ;
taille de police : 12 px ;
famille de polices : "Microsoft Yahei", sans-serif
}

#m_pro div.line
{
marge supérieure : 17 px ;
hauteur de ligne : 17 px ;
bordure supérieure: 1px en pointillé #E4E2DA
}

#m_pro td
{
couleur : #666 ;
hauteur de ligne : 24 px ;
taille de police : 14 px ;
famille de polices : "Microsoft Yahei", sans-serif ;
}

#m_albumdiv.image
{
aligner le texte: centre
}

#m_album div.page
{
couleur : #666 ;
taille de police : 12 px ;
aligner le texte: centre
}

#m_albumdiv.pagea
{
couleur : #666 ;
taille de police : 12 px
}

#m_album div.page a:visité
{
couleur:#666
}

#m_links div.item,#m_mylink1 div.item,#m_mylink2 div.item,#m_mylink3 div.item,#m_mylink4 div.item
{
couleur : #666 ;
taille de police : 12 px ;
famille de polices : "Microsoft Yahei", sans-serif ;
}

#m_links div.item a,#m_mylink1 div.item a,#m_mylink2 div.item a,#m_mylink3 div.item a,#m_mylink4 div.item a,#m_links div.item a:visité,#m_mylink1 div.item a :visité,#m_mylink2 div.item a:visité,#m_mylink3 div.item a:visité,#m_mylink4 div.item a:visité,#m_artclg div.item a,#m_artclg div.item a:visité,#m_filed div.item a,#m_filed div.item a:visité,#m_filed div.item a,#m_filed div.item a:visité,#m_comment div.item a,#m_comment div.item a:visité,#m_comment div.item a.cnt:hover,#m_cang div.item a,#m_cang div.item a:visité, #m_friblog div.item a,#m_friblog div.item a:visité,#m_friblog div.item a:visité,#m_friblog div.item a.cnt,#m_friblog div.item a.cnt:visité,#m_friblog div.item a.cnt:survol
{
taille de police : 12 px ;
poids de la police : normal ;
famille de polices : "Microsoft Yahei", sans-serif ;
décoration de texte : aucune
}

#header div.tit,#header div.tita.titlink,#header div.tita.titlink:visited,#tabline,#tabspan,#m_blog div.date,#m_comment_post div.toolbarstrip,#m_comment_post div.toolbaritem,#in_send div.toolbarstrip,#in_send div.toolbaritem,#mod_info,#m_comment_post,#m_mylink2 div.line,#m_mylink3 div.line,#mod_artclg div.line,#mod_filed div.line,#vercode,#yanzheng,#m_pro div.userinfo,#m_proa.btfan
{
arrière-plan :#transparent ;
affichage : aucun
}

#m_mylink2 div.item,#m_mylink3 div.item,#mod_artclg div.item,#mod_filed div.item
{
flotteur : gauche ;
hauteur : 20 px ;
remplissage : 5 px
}