N legbiztosabb módja, hogy megtörje a css, interesnosti
hiányzó pontosvessző
CSS-szabályok alkotják pár leírás - az ingatlan értékét, megoszlanak a résztől. Összhangban az utóbbi leírás CSS specifikáció nem pontosvesszővel ért véget, mert merevítő és így általában elválasztja a többiek, mint a fal. Például:
Az egyetlen probléma az, hogy ha úgy dönt, hogy egy újabb szabály leírását, akkor könnyen elfelejti, hogy az elmúlt leírása a pontosvessző:
Ennek eredményeként, a leírás a font-family soha nem fog működni, mert a értelmező tartana „font-family:” része az ingatlan értéke színét. Azt lepecsételt utolsó pontosvessző mindig - valahogy növeli a szervezet kódot. Néhány extra byte css-fájlt nem játszik nagy szerepet, különösen akkor, ha a böngésző cache-t.
kimarad vastagbél
Általában ez a hiba akkor jelentkezik, ha az emberek gyakorolják a nyomtatási sebesség a billentyűzeten írása helyett, CSS kódot. Ez a hiba nagyon trudngo látni, mint ez az a vonal közepén. Hasonlítsd össze ezt a két sort:
Mint látható, még szintaxiskiemeléssel nem működik - az értelmező nem elkapni a hibát.
Amikor gyanútlan böngésző jön elemzés a pár szabályt:
egyszerűen megfullad. Két nyitó zárójel és csak egy záró: mindent a #wrap (ebben a példában) figyelmen kívül hagyja. Mint látható - szintaxis elemző szintén nem felelnek meg a feladatot.
A hiba nagyon egyszerű - csak ellenőrizni, hogy volt egy záró zárójel előtt minden új szabályt. Mint már említettük, a bázis, elfelejtette letenni, hogy ő volt.
Elírás a cím CSS-tulajdonságok
Általánosságban elmondható, hogy vagyok írástudó ember. Azonban, amikor „a” én gépelés gyorsabb, mint a feladat kezelni az ujjaim, és persze néha rossz. Egy tipikus kommunikációs hibák nem nagyon fontos - az emberek szinte mindig pontosan meghatározni, mit akartam mondani. Sajnos a számítógép több igényes.
Helyesírási értékek
Nyomdahibákra találhatók nem csak a nevét a tulajdonságait. Néha jönnek, és írásakor értékek és nehéz lehet fogni:
Mint látható, a dimenziója sajtóhiba - ahelyett, hogy állva px pz. Emiatt a szabály nem működik.
A világítás kód értelmező evett ez a dolog - valószínűleg ez nem ellenőrzi az ingatlan értékek helyességét.
Helyesírási osztályoknak a neve vagy azonosítója
Nem számít, milyen gyakran Létrehoztam egy div ID „navigációs” - még mindig találni ezeket a szabályokat a kód:
Hibás értékrend
Néhány CSS tulajdonságokat összetettek, azaz a írhat az értékek néhány tulajdonságát résen át egy sorban. Sajnos, a legtöbb ezek a tulajdonságok nagyon érzékenyek értékei sorrendben:
Az első szabály - a szöveges és az összes div-ek kapnak egy betűstílus és méret. A második szabály - helytelen, mert sorrendben a tulajdonságokat nem tartották tiszteletben.
A jobb értékrend ilyen tulajdonságok megtalálhatók a CSS specifikáció. Mellesleg én mindig őket összekeverte a sorrendben, hogy ilyen tulajdonságokat általában is írják a copy-paste, azaz ahol egy példányt
Dimenziós nélküli mennyiségek egységek
Az összes mért tulajdonságokat kell értékeit, jelezve a mértékegységek:
Három, mi? Ems? Hüvelyk? Pixel?
Pro egységek látható a CSS specifikáció.
ismétlődő szabályok
A nagy CSS fájlok felel meg teljes mértékben a szabályok az azonos elemeket. Úgy működik, mindig az utolsó -, akkor ne lepődj meg, hogy miért nem francia 2em és 10px;
versengő szabályok
Hasonló probléma akkor jelentkezik, amikor nem számítunk rá. Például, ha van, a következő XHTML:
Mi utalhat ez az elem osztály neve vagy id. A probléma akkor jelentkezik, ha a kapcsolat és a class és id:
Powered utolsó egyező szabály, mint az előző bekezdésben.
Mi fellebbezést az osztály, mint egy azonosítót (vagy fordítva)
Ez talán a leggyakoribb az én hibám - minden alkalommal zavaró -, hogy véget vessen vagy rács 🙂:
És nem történik semmi, mert elem id = navigáció, nem egy osztály.
Egy nem létező tulajdonságokkal
Nem minden CSS-tulajdonságok nevezett intuitív. Például:
Egy nem létező értékeket
Egy hiba hasonló az előző:
Ahhoz, hogy elkerüljük az ilyen hibák alaposan tanulmányozza a leírás.
Helytelen megfelelő tulajdonságok és értékek
Ez a CSS meghatározás tűnhet érvényes még a gyakorlott szem:
Ugyanakkor azt látjuk, hogy a megfelelő ingatlan helytelenül rendelve a megfelelő értéket.
Magamról fogok hozzá még:
Van egy hiba, amely a megértés hiánya a komplex rövid írásban tulajdonságok margin, padding.
Íme néhány példa a helyes írásmódját:
Így - az összérték a formátum az ingatlan az alábbiak szerint:
margó: [top] [jobb] [alsó] [bal];
Ha nincs megadva az összes értéket, a következő szabályokat kell alkalmazni
azaz azonos az előző példában
Nullára egység opcionális, és logikus - nem minden nullával egyenlő, ha a készülék?
4 gondolatok „N legbiztosabb módja, hogy megtörje a CSS”
Már csak egy jó példa az életemből - tettem során szerelő - írta a saját multitasking operációs rendszer és lezárjuk. 16 helyett megjelent 6 - Elfelejtettem egységet. Tudtam, hogy ott kellett írni 16 - a könyvből olvasott.
Várom az elírásokat 4 hónap ... a végén nem kap egy legitim legjobb öt ... de a tanár észrevette, hogy én írtam magam. mert van minden vonalon megrágott és elhelyezett 4 (az elvek embere -, de tisztességes - nem volt ideje - mögé a többi kapott csak 3-ki abban az időben)
Igen, 4 hónap ... bocs))
És mégis ez igaz. Azt sem tudta képzelni, hogy a két vonal, amely azt Tupa utánnyomást a könyvet hajthat hiba ... nem volt hiba - csak egy elírás