CSS: hoe kan de kennis van de eigenschappen van de digitale,,, en als je niet oplet, analyse van de website   CSS cssstats. COM   kreeg onlangs herzien.Dit is een goed ontworpen instrumenten, geeft je veel objectief inzicht in uw code, maar hoe kan je dat een optimaal gebruik van de CSS - statistieken?Je moet schieten?Wat bedoel je ze is, hoe kun je hun dagelijks leven?,,, en vandaag gaan we praten over de   CSS   van beste praktijken, de specificiteit en onderhoud, en je zou leren hoe te begrijpen en een beter gebruik van de CSS - statistieken.Laten we sluipen.,,   CSS eigenschappen, - gids, hoofd van   cssstats.com, voer je het Internetadres van de website die de stijl, tabel, die de oorspronkelijke tekst van de CSS of rechtstreeks in de bodem en om in te spelen op de,,,.,, zodra de analytische, krijg je veel over de CSS statistische; voorschriften voor het gebruik van hun aantal, de gemiddelde omvang van de aangifte, per categorie van schuld, het type en de achtergrond kleur, lettergrootte, en specifieke plannen.,,,,, is de CSS eigendom, voor je, laten we nu eens kijken wat we kunnen doen, alle gegevens, met de nadruk op de Bescherming van het personeel, voor de ontwikkeling van onze voortdurende aandacht, en de prestaties en de ervaring.We zijn verantwoordelijk voor de bouw van de software, maar de "software" is het woord van de voorkant van het personeel van de vele buitenlandse ontwikkeling van een ontwerp van de achtergrond.Het is vaak verwaarloosde van beste praktijken opgesteld, toen we de CSS,, maar de waarheid is, en voor de ontwikkeling van de software - ontwikkeling, net als elke andere, dient gericht te zijn op de beste praktijken.De regels van de beste praktijken, rijke netwerk besproken, maar dit artikel, we moeten... Wat belangrijk is in de praktijk, omdat het betrekking heeft op het onderhoud van de CSS:.,, - centra in de vele verschillende aspecten van de handhaving van de,, hoe makkelijk. Kan je het ontwerp van een specifieke module?Je kan het ontwerp voor een gewijzigde versie van de module?Een nieuwe ontwikkeling, begrijp je CSS gebruik te maken van het systeem?Is je CSS te voorzien, met eenparigheid van stemmen, en georganiseerd.Je hangt af van de verwerker (of andere instrumenten die de ontwikkeling van meer flexibele) verdeeld?Je vaak herhalen?Gebruikt u de naam en de stijl van een eerder overeengekomen?, kunnen we er niet in elk afzonderlijk, maar als we het hebben over de handhaving van de factoren die van invloed zijn op je, de code van de onderhoudbaarheid.,, dus, je vertellen hoe het behoud van deze gegevens?Antwoord eerlijk?Niet noodzakelijk.Je kijkt niet alleen naar de Wegwijzerdienst statistieken weten te handhaven.Je moet ook weten dat het specifieke CSS achtergrond, en de positieve ontwikkeling in de context van de analyse van de CSS, je karakter, de eerste methode is op zoek naar tekenen van de CSS uitbreidingen.,,,, de uitbreiding, de we bedoel   nutteloos en overbodig, of niet, wat de omvang van de noodzakelijke CSS, website geladen CSS.???????Laten we een bladzijde, met toepassing van de procedures, de inhoud van de vijf verschillende modules.Wat de CSS statistische kun je verwachten dat een enkele pagina 's?Een typische één aanvraag kan een deel van de CSS - regels, misschien wel de helft van de kleur van het aantal verklaringen als een groot verhaal publiceren op de website van de stabilisatie - en associatieovereenkomsten of meer, als je een enorme hoeveelheid (bijvoorbeeld de keuze, als je één bladzijde websites, met inbegrip van een web. Als Gids, de klok op de CSS - 2400  ), is het zeer waarschijnlijk dat je ergens verkeerd gegaan.Als je in de dertig   lettergrootte en uw ontwerp voor 10 jaar, is het mogelijk dat je al niet opgeblazen stijl, of misschien niet dezelfde stijl.,,,,, een uitzondering op de regel, omdat het betrekking heeft op de bescherming van, als je  , in feite,   bootstrap of een andere pop en goed gedocumenteerd kader omdat deze projecten; document vergelijking diep, gebruik te maken van de reeds verzadigde webontwikkeling personeel kan niet, onderhoud, leiden, zolang de belangrijkste bron van voorbehouden leiden, het bereiken van de kern.Echter, als u één of meer van hen de eenvoudige - BU elementen van bootstrap kader, je moet de oprichting van een aangepaste versie, niet met je nooit van plan het gebruik van aanvullende CSS.,, wat de aard en het laden van de website pagina 's?,, is het mogelijk dat je een aanvraag doen, veel moeten kiezen, de kleur of de omvang van de tekst.Bijvoorbeeld, als je werkt aan een online winkel, de kleur van het gebruik van het product, is het mogelijk dat veel kleur zien in je CSS - is een volkomen gerechtvaardigde omstandigheden.Een ander voorbeeld is, als je op een website, waardoor de gebruiker van een lettergrootte en het lettertype gekozen van de lijst van de inhoud, ze creëren.In deze gevallen is het zinvol dat bepaalde categorieën van een,,,,, het gebruik van 301px medium.com lettergrootte plek...,,, maar als je iets creëren, bijvoorbeeld, een beperkte kleuren programma 's blog, je CSS eigenschap dient rekening te worden gehouden met de kleur en de keuze van het aantal letters aangegeven.,, de overbodige regels tussen de definitie van,, je dezelfde lettergrootte twintig keer in je CSS?Dit is meestal te voorkomen, is vaak een gebrek aan de resultaten van de programma 's.Als je er zeker van dat je de lettergrootte geschreven voordat de andere CSS, je zal het gemakkelijker worden voor de toepassing van deze dimensie in de rest van het systeem. Met een herhaalde stijl, echt, als je jezelf ook vaak een eigen stijl, misschien verdient vertegenwoordiging of semantische of de definitie van z 'n module????????Hier, ga tot het uiterste, opnieuw een lettergrootte of achtergrond kleur is niks.Maar, de definitie van het begrip van een aantal van dergelijke modules in de stijl van vaak zeer waarschijnlijk betekent dat je de basis moet worden uitgebreid.Bijvoorbeeld, als je op een knop:,,. - {lettergrootte: 1.2em; het lettertype gewicht: 400; brief afstand:. 06em; kleur:&#fff; achtergrond kleur:a4a4a; gevuld: 6px 8px;}, en zei dat je een blauwe versies van dezelfde knop.Moet je het omschrijven?Als je het herdefiniëren van dezelfde  , BTn,  , het ziet er als volgt uit:,, de blauwe. - {lettergrootte: 1.2em; het lettertype gewicht: 400; brief afstand:. 06em; kleur:&#fff; achtergrond kleur:�c508d; gevuld: 6px 8px;}, en natuurlijk ook in Veel van deze kwesties.Ten eerste, een schending van het droge (niet opnieuw het beginsel van eigen).Maar waarom is dit ding? , het onderhoud, de.Bijvoorbeeld, een ontwerp - wijziging, en vraagt om een kleiner lettertype knop.Dan moet je naar  ,  . BTn,,,,,, de    , blauwe   klasse. De BTn, lettergrootte gewijzigd.Meer dan dat, wanneer je het moet blauw en gewone grijze knop was, als een blauwe contouren versie.Alle wijzigingen van de knop moet veel knopen.Maar je moet met behulp van deze feiten, is de definitie van modulaire, waardoor je de knop. Uitbreiding van de basis, je  ,  . BTn,.,,. - {lettergrootte: 1.2em; het lettertype gewicht: 400; brief afstand:. 06em; kleur:&#fff; kleur:&#achtergrond 4a4a4a; gevuld: 6px 8px;}. Btn.btn-blue {achtergrond kleur:�c508d;}, ha, ha, ha!Nu hebben we een meer duurzame oplossingen, die ook door veel van de CSS te volgen, en de specificiteit van de droge beginsel. De specificiteit is een moeilijk te begrijpen van de CSS, vaak op reis, zelfs de meest ervaren de ontwikkelaar van de duisternis.De Wegwijzerdienst eigenschap, zie je een specifieke grafieken tonen in je CSS - is hoe, en dat deze -.,,,, en de website van de CSS,,, de kaart toont de specificiteit van de - voor hun   CSS   ondervonden van de website.Stel je voor, links is stijl bovenaan de lijst, en dan langs de X - as, omdat het bij het lezen van de stijl.Meer in het bijzonder de regels, meer blauwe lijn, de y - as.  ,, de specificiteit van de vuistregel, geven wij de drie algemene vuistregel "te beginnen, en de interpretatie van het Reglement, nooit naar specifieke, concrete. Foto 's van de laagste gemiddelde specificiteit, de vermindering van de piek van je, zullen we kaarten, over deze meer diepte, maar laten we eerst praten over hoe de specifieke werk een beetje.,, CSS - Aanwijzing van een specifieke score in de browser en motor van de regels die van toepassing zijn op welke elementen.Dit is noodzakelijk, maar ook omdat de CSS zo krachtig is: het ontwerp en de gangbare praktijk kan erven de CSS.Dat betekent dat je kan worden toegepast op een bepaalde elementen van een groep vormen.De motor moet de integratie van alle regels en die dingen, maar als twee verschillende waarden worden vastgesteld om de stijl van dezelfde verklaring komt, wat gebeurt er?Bijvoorbeeld:,, een (kleur:&#fff; kleur: a.button {}�}, als motor   < CSS ontmoet, een etiket, een soort   >  , druk op de knop moet worden onderzocht, of het  , de kleur, de   eigenschappen moeten worden  ,&#Fff,  �,,,, of de standaard.De Wegwijzerdienst is besluiten te nemen over het gebruik van de regels van de browser.,,,, dus, hoe specifiek werk?Het gebruik van dit systeem voor begeleiding, die rechtstreeks uit de   CSS - vaardigheden:,, elementen - en pseudo - elementen die in punt 1 zijn pseudo - klasse, klasse - en 0. ID - die 1,0,0, in stijl 1,0,0,0 punt ontvangen.,,.Belangrijk is,   is beter dan alle mensen, alle,,   - 0 specifieke scoren.,, constateren dat op dit systeem, als er meer dan 10 en niet in de volgende kolommen, bijvoorbeeld, als je een keuze had, is 11 miljoen, en het is niet een specifieke 0,0,1,1.In plaats daarvan is 0,0,0,11.,, hier zijn een aantal - en ze verkregen scores, navigatie - Li {} /* * /0,0,0,3 project. - {} /* * * * * * * * * * * * * * de nettowaarde van de activa van het project /NAV 0,0,1,0. {} /* * * * * * * * * * * * * * /�,0,1,1 {} /* * /0,1,0,0 teken,, < een style= href = "/" "achtergrond" > kleur: rood. <.- in dat geval, tegen de achtergrond van de regels zal de kleur van hun specifieke karakter hebben - >,, een {achtergrond kleur blauw.Belangrijk. In de eerste zaak, gebruiken we in stijl om achtergrond kleur rood.Maar als we met deze stijl.Belangrijke kwalificatie, zal het aan de stijl.* * * * * * * /, oké, nu hebben we een paar van de specificiteit van de manier hoe de CSS, van invloed zijn op de code?Laten we terug gaan naar de drie vuistregel,&#CSS, specifieke 1 nooit meer specifieke  , de essentie van de regel van de bepalingen, die in het algemeen moeten worden je CSS - begint, en meer in het bijzonder in de keuze moet je CSS later.Dit artikel is de oorzaak van veel, in de eerste plaats, in je aanvraag die algemene regels zijn geregeld in het algemeen je code in de fase van de oprichting van de module.In de, ten minste een bepaalde stijl beginnen om ervoor te zorgen dat schrijf je met ten minste de specificiteit van de eerste.Later, als je de code, en meer concreet kunnen omzeilen of uitbreiding van de oude stijl nodig is.,,,, in de stijl van de website is een appel zware specifieke reeds in stijl.,,,,, zuivere CSS kader specifieke algemene verhoging van de CSS, tot slot, dat geleid heeft tot het ons Tweede punt: wat als de CSS die motor met twee - met dezelfde score?Het moet ook kiezen, dus het zal de keuze van de laatste regel.Door de specifieke fouten ten minste in je dossier, is ervoor te zorgen dat je je de specifieke onder meer specifieke na je vertrek naar de dossiers.Dit betekent dat een aparte categorie documenten kunnen overwinnen, moet rekening worden gehouden met de in de interne documenten, die vroeg. Om ervoor te zorgen dat de projecten in de laatste fase in de ontwikkeling van een systeem om de gangbare praktijk, snel kan worden genomen,. De laagste gemiddelde specifieke  , als je een lange - ontwikkelaar je kan hebben van de CSS specifieke oorlog ".Je schreef een - en een aantal regels, en dan de browser alleen vinden veranderingen nog niet wordt toegepast.Weet je, de projecten uit het verleden of van de specificiteit van de dialoog, het is omdat je keuze is niet concreet genoeg en niet te traceren van de specifieke problemen te kiezen, je besluit om een nieuwe  , meer in het bijzonder,  .Je kan er een id of twee, als ik het niet doe, je hebt  ,!Belangrijk in dit  .Maar,  , kijk, je   - stijl. En de doeltreffendheid, technisch gesproken, maar helaas, wanneer je wilt, de verlenging van een dergelijke stijl, je moet de groeiende complexiteit, en voordat je het wist, je keuze, zeer concrete, dan krijg je geen herhaling de code, en niet alleen van de multiplex.Het meest belangrijke is, het is bijna onmogelijk om nauwkeurig te bepalen wat het niveau van specificiteit, een nieuwe stijl moet zonder meer de ID 's en  ,!De verklaring is belangrijk,  .,, hou je van keuze is een heel verstandige niet specifiek zijn, met je CSS gemakkelijker te handhaven in de vorm van een paar pro tip:.,,,, bij verstek, gunstig is voor de soort id.Deze methode is een stap in de meest specifieke problemen, niet meer dan drie of vier niveau 's - u verder, en moet  , moet  , nest.Alleen in de uitbreiding van de eerder omschreven... Als er, in plaats van alleen de code organisatie.Voor de toekomst... Kan bewijzen dat je klasse, maar moeten proberen het gebruik van herbruikbare klasse, verlaging van 3,&#piek in je dossier van de regels, vooral in gebieden waar de  , om te voorkomen dat de plaatsing van vreemde regels.Bijvoorbeeld, als je de definitie van een klasse van de tekst, en plotseling is er een regel zes, de identiteit van het nest, specifieke regels moeten worden geplaatst in de context van de keuze van de meer in het bijzonder relevant zijn. De statistische conclusies van de CSS,,,, kan je een inzicht bieden in de CSS je geschreven, maar het is alleen nuttig als heb je een idee van wat deze gegevens moeten zijn, te analyseren.Dit betekent dat je manier van schrijven de CSS waarom het begrip van de context.Als je de Wegwijzerdienst, het onderhoud en de website van het juiste gebruik van, dat was niet de reden genoeg om de wederopbouw van de statistische CSS je code.  , en de volgende regels, een blinde, als een verantwoordelijke voor de ontwikkelaars, moet jij je concentreren op je code te handhaven en de vermindering van de inflatie.Je kan je helpen bij het vinden van de code van de statistieken op het gebied van de problemen, maar ze zijn zo ver kon gaan, om verder te lezen, Harry. Roberts, de specificiteit van de specificiteit van de CSS: de oorlog van de kaart (klassieke) Andy Clark, Chris coyier mdn specificiteit, de details van de CSS, cssstats.com,