Kjo është pjesa e dytë e 5 hapa për të Write Better CSS. Ka shumë mësime CSS janë në dispozicion në internet, por disa mësime janë të dobishme. Në këtë tutorial ju do të gjeni 5 hapa që duhet të shkruani kodin css më të mirë për projektin e ardhshëm faqen tuaj te internetit. Unë shpresoj se ju do të gëzojë këtë tutorial.

1. Keep deklarimet CSS në një linjë

ju duhet të mbani gjithmonë deklarimet CSS në një linjë, ajo ndihmon në mbajtjen tuaj CSS fotografi të pastër dhe të vogla. Kjo gjithashtu ndihmon për të hequr hapësirat padëshiruara dhe karaktere.

Mirë Kodi

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

Bad Kodi

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

2. Elemente Kombinoje

Një mënyrë e mirë për të ruajtur linjat e kodit është nga grupim selectors. Ka më poshtë janë disa shembuj të asaj që unë jam duke iu referuar.

Mirë Kodi

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

Bad Kodi

 : 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. Përdorni "Margin" në Qendrën Layout

Shumë CSS fillestar për të nuk mund të kuptoj se pse ju nuk mund të përdorin thjesht noton: Qendra për të arritur këtë qëllim u përqendrua në bllok-elementet nivel. Sikur të ishte aq e lehtë! Për fat të keq, ju do të duhet të përdorni.

Kodi

  # Container (
 ; /* top, bottom - and left, right*/ margin: 0 auto; / * lartë, fund - dhe majtas, djathtas * /
 width: xxxpx;
 ) 

4. CSS Komenti juaj

Kjo është një ide e madhe për të komentuar kodin tuaj në seksione. Për të shtuar një koment, thjesht shtoj / * prapa koment, dhe * / për të mbyllur atë, si kështu:

Kodi

  /******** KODI START KETU ********/ 

5. Përdorimi CSS Compress Tools

qoftë se ju nuk doni për të humbur kohën tuaj në modifikimin e stilit tuaj të vjetër fletë ju thjesht mund të përdorni css online ngjesh mjetet, atë për të bërë punën tuaj në sekonda.

check this css online ngjesh mjetet e ...

Css Tidy

Clean Css

Css Optimiser

Flumpcakes optimizer Css

cssdrive Css Comperasor

W3C CSS Validator

Përfundim

Këto janë vetëm disa këshilla që ndihmojnë mua që të shkruani kodin më të mirë. Unë shpresoj se tutorial do t'ju ndihmojnë gjithashtu për të shkruar mirë dhe të pastër kodin. Aplikoni këto Këshilla për projektet tuaja aktuale dhe të ardhshme, dhe ju me siguri do të vlerësojmë përpjekjet.

Nëse mendoni se tutorial mund të jetë më mirë, Ju lutem ndani me ne. Koment ne

në qoftë se ju dëshironi të merrni mësime më shumë prej nesh, ju lutem konsideroni nënshkrimit to our feed duke RSS ose me email.

Paraqitur sipas: Css, Tutorials nga admin