Basics zen kódolás - minden a web programozás
Mint már mondtam Zen Coding hasonló szintaxist CSS szintaxis. Ahhoz, hogy megértsük, mi a Zen Coding, nézzük meg egy példát:
Alkalmazza a dugó, és kap:
HTML szelektor
És így, akarunk írni egy div id = „teszt”, hogy ez Zen Coding, használja az alábbi kódot:
Lássuk, mi történt:
Vagy akarunk létrehozni div class = „teszt”, majd Zen Coding írni a következő kódot:
Lássuk, mi történt:
A következő lépés az, hogy hozzanak egy div class = „teszt test1”. Semmi sem egyszerűbb:
Az általunk használt Zen Coding:
Mint látható, a Zen Coding szintaxis egy kicsit különbözik a CSS szintaxis.
Most szeretnénk látni egy div tag-ben p id = „teszt”. Csatolni egy címkét egy másik szimbólum használatával>. Most, a megvalósítása a példában írunk a következő kódot:
Most szeretnénk megjeleníteni a két tag div, a Zen kódolást használnak +:
Most a legérdekesebb, azt szeretnénk, hogy egy div tag p tag az id = "title" és egy tag egy class = "link". Ehhez írunk:
Kiváló, gondolkodunk tovább. Meg kell adni 5 ul li. levelet:
De van még egy dolog, amit szeretnénk hozzáadni ul c id = "teszt" put 5 li azt class = "item-1" class = "item-2", ..., class = "item-5." levelet:
Mint látható Zen Coding megkönnyíti számunkra írásban html kódot egymás után többször.
Nézzünk néhány hasznos „chips”
Annak érdekében, hogy:
Vagy, hogy:
Amint azt már láttuk, a Zen Coding megkönnyíti az írás HTML kódot egymás után többször, és az átállás könnyű. Ahhoz, hogy a használat és élvezni az életet.
És ez minden sikeres fejlődését.
Mint már mondtam Zen Coding hasonló szintaxist CSS szintaxis. Ahhoz, hogy megértsük, mi a Zen Coding, nézzük meg egy példát:
Alkalmazza a dugó, és kap:
HTML szelektor
És így, akarunk írni egy div id = „teszt”, hogy ez Zen Coding, használja az alábbi kódot:
Lássuk, mi történt:
Vagy akarunk létrehozni div class = „teszt”, majd Zen Coding írni a következő kódot:
Lássuk, mi történt:
A következő lépés az, hogy hozzanak egy div class = „teszt test1”. Semmi sem egyszerűbb:
Az általunk használt Zen Coding:
Mint látható, a Zen Coding szintaxis egy kicsit különbözik a CSS szintaxis.
Most szeretnénk látni egy div tag-ben p id = „teszt”. Csatolni egy címkét egy másik szimbólum használatával>. Most, a megvalósítása a példában írunk a következő kódot:
Most szeretnénk megjeleníteni a két tag div, a Zen kódolást használnak +:
Most a legérdekesebb, azt szeretnénk, hogy egy div tag p tag az id = "title" és egy tag egy class = "link". Ehhez írunk:
Kiváló, gondolkodunk tovább. Meg kell adni 5 ul li. levelet:
De van még egy dolog, amit szeretnénk hozzáadni ul c id = "teszt" put 5 li azt class = "item-1" class = "item-2", ..., class = "item-5." levelet:
Mint látható Zen Coding megkönnyíti számunkra írásban html kódot egymás után többször.
Nézzünk néhány hasznos „chips”
Annak érdekében, hogy:
Vagy, hogy:
Amint azt már láttuk, a Zen Coding megkönnyíti az írás HTML kódot egymás után többször, és az átállás könnyű. Ahhoz, hogy a használat és élvezni az életet.
És ez minden sikeres fejlődését.