Както вече казах Zen Coding синтаксис, подобен на CSS синтаксис. За да се разбере какво е дзен Coding, нека разгледаме следния пример:
Нанесете плъгина и да получите:
HTML селектори
И така, ние искаме да се напише Разделение с идентификатор = "тест", за това, за да Zen Coding, използвайте следния код:
Нека да видим какво се е случило:
Или искаме да създадем = "тест" на DIV клас, а след това Zen Coding напиши следния код:
Нека да видим какво се е случило:
Следващата стъпка е да се определи Разделение клас = "тестови test1". Нищо не може да бъде по-прост:
Ние използваме Zen Coding:
Както можете да видите, Zen Coding синтаксис е малко по-различно от синтаксиса на CSS.
Сега искаме да видим в DIV тагове е ИД = "тест", стр. За да прикачите един маркер към друг с помощта на символа>. Сега, за реализацията на този пример, ние напиши следния код:
Сега искаме да покаже две тагове Разделение в Zen Coding се използва +:
Сега най-интересното, ние искаме да се постави етикет Разделение р етикет с идентификатор = "заглавие" и етикет с клас = "връзка". За да направите това, пишем:
Отличен, ние сме като се има предвид по-нататък. Трябва да добавим 5 ул Ли. напишете:
Но има и още едно нещо, което искате да добавите ул в ИД = "тест" да се сложи 5 го ли с клас = "точка-1", клас = "точка-2", ..., клас = "т-5". напишете:
Както можете да видите Zen Coding улеснява ни пишете HTML код няколко пъти.
Нека да разгледаме няколко полезни "чипове"
За да се получи:
За да получите:
Както вече видяхме кодирането Zen улеснява писането на HTML код няколко пъти, и прехода към него е лесно. Така че използването и се радват на живота.
И това е всичко, всички успешно развитие.
Както вече казах Zen Coding синтаксис, подобен на CSS синтаксис. За да се разбере какво е дзен Coding, нека разгледаме следния пример:
Нанесете плъгина и да получите:
HTML селектори
И така, ние искаме да се напише Разделение с идентификатор = "тест", за това, за да Zen Coding, използвайте следния код:
Нека да видим какво се е случило:
Или искаме да създадем = "тест" на DIV клас, а след това Zen Coding напиши следния код:
Нека да видим какво се е случило:
Следващата стъпка е да се определи Разделение клас = "тестови test1". Нищо не може да бъде по-прост:
Ние използваме Zen Coding:
Както можете да видите, Zen Coding синтаксис е малко по-различно от синтаксиса на CSS.
Сега искаме да видим в DIV тагове е ИД = "тест", стр. За да прикачите един маркер към друг с помощта на символа>. Сега, за реализацията на този пример, ние напиши следния код:
Сега искаме да покаже две тагове Разделение в Zen Coding се използва +:
Сега най-интересното, ние искаме да се постави етикет Разделение р етикет с идентификатор = "заглавие" и етикет с клас = "връзка". За да направите това, пишем:
Отличен, ние сме като се има предвид по-нататък. Трябва да добавим 5 ул Ли. напишете:
Но има и още едно нещо, което искате да добавите ул в ИД = "тест" да се сложи 5 го ли с клас = "точка-1", клас = "точка-2", ..., клас = "т-5". напишете:
Както можете да видите Zen Coding улеснява ни пишете HTML код няколко пъти.
Нека да разгледаме няколко полезни "чипове"
За да се получи:
За да получите:
Както вече видяхме кодирането Zen улеснява писането на HTML код няколко пъти, и прехода към него е лесно. Така че използването и се радват на живота.
И това е всичко, всички успешно развитие.
Свързани статии