turbo oplad din css med emmet,,,, de fleste artikler og tutorials på emmet dække dens håndtering af html, men i dag skal vi fokusere på emmet med ccs.klar til turbo oplad din css skrift?lad os gå!,,,,, note:, anbefales det, at du har en rimelig forståelse af css før efter sammen.,,, hvad der er emmet?,, emmet er en samling af forkortelser, at udvide til html /xml - /css, at idéen om tekst stumper yderligere.besøg at downloade side og installere emmet til din redaktør af valg.,, når vi arbejder med emmet, type i passende forkortelse og ramte indsats er afgørende.i sit udkast, det er det, tab, nøgle.syntaksen af den fil, du arbejder på, vil afgøre, hvilke forkortelser anvendes, hvorfor bruge emmet?,, emmet bruger fornuft forkortelser til kode skriftligt lettere.det kan hjælpe lidt eller meget afhængig af den tid, de investerer i at lære knebene.,,, emmet (tidligere kendt som en zen - kodning,) er en web udviklerens værktøjer, der kan forbedre deres html & css workflow.,,, det er ikke blot redde dig tid, men det er sjovt at skrive koden.der er noget ved at skrive et par figurer og set dem på magisk vis udvide til fuldstændig formaterede kode!hvis du får noget galt, lav knap vender den udvidede kode tilbage til forkortelsen for dig at redigere og udvide igen. jeg har også fundet det emmet hjælper mig med at huske koden lettere.forkortelser er bare lettere at huske.tekst omdanne:, bliver "tt" og tekst tilpasse: retfærdiggøre;, bliver "taj".se, hvor godt det kan være?du vil begynde at lære nye css egenskaber og har kun at lære de forkortelser.du behøver ikke bekymre dig om semikoloner og rum, emmet gør det for dig.,,, emmet og css, lad os se på de grundlæggende elementer i emmet er css forkortelser, og hvordan de fremskynde arbejdsgangen.,, egenskaber, velviserservice yder værdier til egenskaber som skriftstørrelse margen, polstring,.,,,,,,, der er truffet af den bedste måde at lære css,,, emmet har fastlagt alle kendte css ejendom med en forkortelse.så ved bunden, er, at bdb, grænse, er bdt.nedenfor er et eksempel på skriftstørrelsen,, som er fz,.,,, der har skrevet den forkortelse, ramte indsats er afgørende (i mit tilfælde tab) og emmet vil på magisk vis produktion forkortelsen i gyldig css, hvor markør, hvis du har brug for det.,,,,,, værdier, nu vi forstår de egenskaber, det er tid til at tilføje en værdi.dette gøres ved at skrive den forkortelse, i kombination med den værdi, der er nødvendige.for eksempel, fz18, vil produktionen til skriftstørrelsen: 18px.,.du behøver ikke at type "varer", fordi emmet vil tilføje, at som standard.hvis et punkt ikke har en enhed (ligesom skrifttypen vægt), emmet er klog nok til at vide, om ikke at tilføje lageret.,,,,,, enheder,, hvis du ikke bruger det?de enheder, em, rem,%, ex, og varer, er til rådighed i emmet.hver enhed (selv om det virker måske lidt ekstremt) har også en forkortet form:,,,, forsyning, → misligholdelse, p, →,%,,,,, →, em,,,, f, → rem,,,, x, →, ex,,,, at anvende en enhed, bare sætte enheden er forkortelsen i slutningen af deres værdi.nedenstående eksempel er fastlæggelsen af en skriftstørrelse med dem,,,,,,, togsæt, nogle egenskaber, som margen, give mulighed for flere værdier.for at gøre dette med emmet, særskilt for hver enkelt værdi med en bindestreg (-).se på eksemplet nedenfor for at definere fire værdier for kroppens, margen,.,,,,,, farver, emmet spørger efter dig prepend, #, i stedet for at tilføje det til deres værdi.så, #, går efter din ejendom, men før deres værdi.en anden række tegn output forskellige sekscifrede koder.tag et kig på nogle eksempler:,,,,, →,𛈇,,,,&#e0, →,&#e0e0e0,,,,&#fc0, →,&#ffcc00,,,, her er et eksempel på, at kroppen farve som,o, (c #.):,,,,,,.vigtigt, selv om det!vigtigt, tag ikke bør anvendes meget ofte, emmet giver det bare i tilfælde.tilføj et udråbstegn!til din forkortelse, som så:,,,,,, ejendomme, nu, hvor vi har en grundlæggende forståelse af emmet er css funktioner, det er tid til at begynde at sætte dem sammen.på lignende måde til html funktioner, de vil tilføje et plustegn (+) for hvert punkt på dagsordenen.husk, hvis du ødelægger noget, kan du altid slå op og revidere den snor.,, skrive alle de krævede egenskaber og værdier, der adskiller de enkelte med, +, og så ramte indsats er afgørende for at se resultatet.,, her er et eksempel på, at definere forskellige margener og paddings for organ,.,,,,,,,, du kan bruge alle disse forkortelser sammen eller hver for sig.det handler ikke om at få emmet kode rigtigt første gang, det er bare for at gøre det lettere at skrive din forskning.for at afslutte disse seje animeret gifs, her er en hurtig demo - at skabe en div med en klasse af panel,.,,,,,,, konklusion, emmet er et kraftfuldt værktøj.påstået af nogle som en "hurtig" kodning redskab, det tillader du tilbringer mindre tid skriftligt de samme ting igen og igen uden at have manuelt at skabe dit eget stumper.emmet var inspireret af css udvælgere og kan anvendes i alle vigtige tekst redaktører at passe enhver entreprenør er workflow.,, kan du huske, et nyt værktøj, du tilføje til deres arbejdsgang har en indlæringskurve, men ikke tager længere tid, end du har brug for at finde ud af, hvordan det virker for dig.regelmæssigt besøger den dokumentation, er et stort antal, og tal giver et snyde ark med alle mulige funktioner.det er bygget til at hjælpe dig med at tænke mindre, og skrive mere kode!nyttige links,,,,,, emmet css dokumentation, emmet noter, opbygge bootstrap i minutter ved hjælp af emmet, smadre blad emmet artikel,,, hvordan bruger du emmet i deres arbejdsgang.hvad er din favorit css funktion?lad os vide, i bemærkningerne.,
