Toto je druhá časť 5 krokov pre lepšie napísať CSS. Existuje množstvo tutoriálov CSS sú k dispozícii na internete, ale málo cvičenia sú užitočné. V tomto tutoriálu nájdete 5 krokov k lepšej napísať css kód na ďalšie webové stránky projektu. Dúfam, že sa vám bude páčiť tento tutoriál.

1. Uchovávajte CSS vyhlásenie v jednom riadku

by ste mali vždy CSS vyhlásenie v jednom riadku, pomáha udržať si CSS súbor čistej a menšie. To tiež pomáha odstrániť nechcené medzery a znaky.

Dobrý kód

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

Bad kód

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

2. Kombinujú prvky

Jeden z najlepší spôsob, ako zachrániť riadkov kódu je zoskupením selektory. Tam sú niektoré nižšie uvedené príklady toho, čo som na mysli.

Dobrý kód

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

Bad kód

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

3. Použitie "Rezerva" do centra Layout

Veľa začiatočníkov až po CSS nemôže prísť na to, prečo nemôžete jednoducho použiť float: center pre dosiahnutie tohto účinku sa sústredil na bloku-úrovni prvkov. Len keby to bolo tak jednoduché! Bohužiaľ, budete musieť použiť.

Kód

  # Kontajner (
 ; /* top, bottom - and left, right*/ margin: 0 auto; / * nahor, nadol - a vľavo, vpravo * /
 width: xxxpx;
 ) 

4. Váš komentár CSS

Je to skvelý nápad, aby sa vyjadril svoj kód v sekciách. Ak chcete pridať komentár, stačí pridať / * za komentár, a * / je zavrieť, napríklad takto:

Kód

  /******** CODE START HERE ********/ 

5. Použitie CSS Compress Nástroje

Ak nechcete strácať čas na zmenu vášho starého štýlov môžete jednoducho použiť on-line komprimáciu css nástroje majú robiť svoju prácu v niekoľkých sekundách.

šek táto on-line css kompresné nástroje ...

Css Tidy

Clean Css

Css optimalizáciu

Flumpcakes Css optimalizátor

cssdrive Css Comperasor

W3C CSS validator

Záver

To sú len niektoré z tipov, ktoré mi pomôžu písať lepšie kód. Dúfam, že tutoriál vám tiež pomôže písať lepšie a čistý kód. Použiť tieto tipy na aktuálne a ďalšie projekty, a vy iste ocenia úsilie.

Ak si myslíte, že cvičenie môže byť lepší, prosím, podeliť sa s nami. Komentár nás

Ak chcete získať viac tutoriály od nás, prosím, prihláste sa náš RSS s RSS alebo e-mailom.

Súbor pod: Css, Návody admin