Anunțarea parametri specifici CSS, aveți posibilitatea de a alege - înregistrați parametrii complet sau scurtați setarea și include în ea multe altele.
Să învețe cum să folosească notațiile prescurtate, si uita-te la câteva exemple. Vom încerca maximizat explicăm că este.
notație prescurtare EXEMPLU
Pentru a înțelege mai clar semnificația acestei notația prescurtată, să ne uităm la același parametru specificat în format complet:
Puteti vedea deja de ce majoritatea CSS-dezvoltatorilor preferă să folosească notația prescurtată - primul exemplu ne arata cum la 5 linii pentru a se potrivi într-o singură.
Un exemplu simplu de stenografie
Unele lucru prescurtare mod extrem de simplu. Exemplu cu opțiunea de fundal pe care le-am dat mai sus, este unul dintre tipurile cele mai complexe (mai dificilă decât în exemplele care urmează mai târziu în acest articol). Există, de asemenea, foarte simplu de înțeles notațiile prescurtate.
Marja și padding - exemple excelente de parametri care sunt utilizate în procesul de dezvoltare este foarte frecvente. Și foarte des, acestea sunt folosite oboznacheniyax textual. În plus, ele nu sunt atât de greu de înțeles:
În acest exemplu, deși am renunțat alte trei valori, aceste valori trebuie să fie egală cu un singur ecran. Astfel, prin codul, toate cele 4 laturi ale elementului va avea o valoare egala cu indentare 20 pixeli.
Putem face, de asemenea, următoarele:
În acest exemplu, vom declara un detaliu marginile de sus și din dreapta. Marjele de jos și din stânga, cu toate că nu a anunțat exact, vor avea aceleași valori ca și superioare și dreapta (în această ordine). Astfel, blocul va avea o parte superioară și o adâncitură inferioară egale de 20 de pixeli, iar stânga și din dreapta va fi scobitură egal cu 10 pixeli.
Limitele parametrului CSS3 border-radius va funcționa în același mod, cu excepția faptului că parametrul asociat cu colțurile rotunjite colțuri, mai degrabă decât părțile laterale.
prescurtare mai complicat
Există, de asemenea, variații mai complexe de stenografie, dar (cu câteva excepții), este puțin probabil să provoace probleme în cazul în care este bine să învețe cum să le folosească. Exemplu de fond pe care am citat mai devreme, este doar una dintre aceste notatii.
Să selectați doar valorile cu care s-ar putea avea neînțelegeri:
* Lista de stil
* font
* frontieră
* schiță
CSS3-caracteristici care utilizează notațiile prescurtate pentru a înregistra un pic de stil pic complicat, includ:
Deci, ceea ce face ca aceste valori mult mai complexe? Deoarece acești parametri iau pe diferite tipuri de valori (uneori cuvinte cheie, uneori, unele elemente, și așa mai departe), introducerea unor valori specifice în notațiile prescurtate poate duce de multe ori la rezultate neașteptate.
Aici este un exemplu de utilizare a opțiunilor de fond:
Folosind codul de mai sus, probabil vă așteptați că elementul țintă va fi emis imagine de fundal non-recurente, situat pe partea de sus a unui fond albastru. Dar acest lucru nu se va întâmpla până când vom transforma într-o secvență de valori. Din moment ce am folosit fundal stenografie, acest lucru duce la faptul că toate valorile asociate cu fundalul parametrul este resetat la poziția de pornire. În acest caz, culoarea de fond devine „transparent“ valoare rescriere „albastră“.
Nu cădeți în capcana
Este important să înțelegem că de fiecare dată când utilizați una dintre aceste notații complicate, omise toate valorile asociate cu acest simbol va fi resetat la valorile implicite.
În principiu, acest lucru nu este o problemă, deoarece cu parametrii asociați cu fundaluri, liste, liniuțe, etc. Valorile nu sunt moștenite de la elementul părinte. Singurul moment în care ne confruntăm cu o problemă în comunicare font stenografie.
Aceasta este ceea ce a determinat-ne pentru a crea un astfel de mic manual, care discută despre unele dintre problemele pe care le pot întâlni în timp ce la locul de muncă cu fonturi notațiile prescurtate. Ne așteptăm ca setările specifice de tipografie vor moșteni valorile de la elementele de bază. Dar când vom folosi simbolul font, toți parametrii asociați cu desemnarea sunt resetate la valoarea inițială, care întrerupe procesul de succesiune naturală.
În timp ce lucrează cu simbolurile fontului stenografice și alte simboluri, de asemenea, puteți rula în problema, care este că, dacă omite o valoare necesară, întreaga linie va fi ignorate de către browser. Aceasta este ceea ce ar trebui să acorde o atenție, în caz contrar acesta va fi o lungă perioadă de timp lamureste și nu pot înțelege de ce nu nu funcționează.
Desigur, dacă sunteți un începător, este mai bine să se folosească valoarea completă pentru a înțelege mai întâi în cazul în care se potrivește. Dar, în cele mai multe cazuri mult mai ușor și mai productive de a folosi o notație prescurtare.