Acum cateva zile am scris 5 sfaturi pentru a face un cod CSS cat mai simplu si acum doresc sa continui aceasta lista.
6. Organizeaza codul CSS
Este foarte intelept sa organizezi codul CSS pe sectiuni astfel incat sa il gasesti repede pe viitor.
[css]
/*––––––––-
CSS Reset
––––––––-*/
/*––––––––-
Clase generale
––––––––-*/
/*––––––––-
Stil de layout
––––––––-*/
/*––––––––-
Clase specifice
––––––––-*/
[/css]
7. Fa codul tau CSS sa poata fi citit
Un cod care il intelegi usor poti simplu sa il modifici si sa faci schimbarile necesare.
[css]
/*––––––––
Fiecare proprietate pe o linie noua
–––––––*/
div{
background-color:#3399cc;
color:#666;
font: 1.2em/1.4em Arial, Helvetica, sans-serif;
height:300px;
margin:10px 5px;
padding:5px 0 10px 5px;
width:30%;
z-index:10;
}
/*––––––––
Toate proprietatile intr-o singura linie
–––––––*/
div{ background-color:#3399cc; color:#666; font: 1.2em/1.4em Arial, Helvetica, sans-serif; height:300px; margin:10px 5px; padding:5px 0 10px 5px; width:30%; z-index:10; }
[/css]
8. Adauga comentarii
Atunci cand este nevoie adauga comentariile de care ai nevoie astfel incat sa poti usor sa gasesti ce ai nevoie si sa intelegi codul si peste 6 luni
9. Cel mai bine este sa pui codul CSS intr-un fisier separat
Gresit:
[css]
<style type="text/css" >
#container{ .. }
#sidebar{ .. }
</style>
SAU
<li style="font-family:Arial, helvetica, sans-serif; color:#666; " >
[/css]
10. Pune codul CSS in mai multe fisiere
Organizeaza codul CSS in mai multe fisiere. Astfel poti sa faci un fisier cu clasele comune pentru toate paginile si cate unul pentru fiecare pagina in parte.
11. Compreseaza fisierul CSS
Dupa ce ai terminat site-ul poti compresa fisierul CSS.
12. Incearca sa iti faci un stil de a scrie codul CSS
Vei reusi sa faci codurile CSS daca folosesti aceleasi stiluri si daca esti consistent in ceea ce faci