Aceasta este a doua parte a 5 paşi pentru a scrie o mai bună CSS. Exista o multime de tutoriale CSS sunt disponibile pe internet, dar puţini sunt tutoriale utile. În acest tutorial veţi găsi 5 paşi pentru a scrie mai bine de cod CSS pentru proiectul dumneavoastra următoarea site-ul web. Sper că vă veţi bucura de acest tutorial.

1. A se păstra declaraţiile CSS într-o singură linie de

tu ar trebui să păstreze întotdeauna declaraţiile CSS într-o singură linie, acesta ajută la păstrarea dvs. CSS dosar curat şi mai mici. De asemenea, vă ajută să eliminaţi spaţiile nedorite şi de caractere.

Buna Code

  ; color : # 333333 ; background : #cccccc ; } h2 (font-size: 18px; color: # 333333; background: # CCCCCC;) 

Bad Cod

  h2 
 (
 font-size: 18px;
 ; color: # 333333;
 ; background: # CCCCCC; 
 ) 

2. Elemente Combină

Unul de la cel mai bun mod de a salva de linii de cod este prin gruparea selectoare. Există câteva exemple de mai jos a ceea ce mă refer la.

Buna Code

  H1, H2, H3 (
 ; color : # 333 ; font-family: Arial, Helvetica, sans-serif; color: # 333;
 ) 

Bad Cod

 : Arial, Helvetica, sans-serif ; color : # 333 ; } h2 { font-family : Arial, Helvetica, sans-serif ; color : # 333 ; } h3 { font-family : Arial, Helvetica, sans-serif ; color : # 333 ; } h1 (font-family: Arial, Helvetica, sans-serif; color: # 333;) h2 (font-family: Arial, Helvetica, sans-serif; color: # 333;) h3 (font-family: Arial, Helvetica, sans-serif; color: # 333;) 

3. Folosiţi "marja" de către Centrul Aspect

Incepatori Multe CSS nu se poate da seama de ce nu puteţi folosi, pur şi simplu float: Centru pentru a atinge acest sens centrat pe blocul de elemente nivel. În cazul în care doar ar fi fost atât de uşor! Din păcate, va trebui să o utilizaţi.

Code

  # Container (
 ; /* top, bottom - and left, right*/ margin: 0 auto; / * sus, jos - şi de stânga, dreapta * /
 width: xxxpx;
 ) 

4. CSS Comentariul dvs.

Este o idee foarte bună de a comenta codul dvs. în secţiunile. Pentru a adăuga un comentariu, pur şi simplu adăugaţi / * în spatele comentariu, şi * / pentru ao închide, astfel:

Code

  /******** CODUL DE START AICI ********/ 

5. Utilizaţi CSS Comprimare Tools

în cazul în care nu doriţi să pierdeţi timp în modificarea dvs. de foi de stil vechi puteţi folosi pur şi simplu, CSS online comprima instrumente, it a face munca ta în câteva secunde.

a verifica this CSS on-line a comprima instrumente de ...

CSS Tidy

Clean Css

CSS Optimizer

Flumpcakes optimizator Css

cssdrive Css Comperasor

W3C CSS Validator

Concluzii

Acestea sunt doar câteva sfaturi care să mă ajute să scrie codul de mai bine. Sper că tutorial va ajuta, de asemenea, să scrie mai bine si curat de cod. Aplicaţi aceste sfaturi pentru a proiectelor dvs. curente şi viitoare, şi vă vor aprecia cu siguranta eforturile.

Dacă credeţi că tutorialul poate fi mai bine, Va rugam sa imparti cu noi. Comment-ne

Dacă doriţi să primiţi mai multe tutoriale de la noi, vă rugăm să ia în considerare aderarea la feed noastre prin RSS sau prin e-mail.

Filed under: Css, Tutoriale de admin