Eliminarea indentării dintre elementul h1 și paragraful care urmează
Fig. 2.14. Spațiul gol dintre titlu și paragraf care apare în mod implicit
Utilizând selectorul adiacent
Un selector contiguu vă permite să aplicați stiluri unui element care urmează alt element, dacă ambii sunt copii ai aceluiași element parental. De fapt, folosindu-l, puteți specifica și un element care nu urmează unul, ci mai multe elemente; Elementul la care este aplicat stilul este numit ultimul element din lanț. Dacă cele de mai sus v-au confundat, credeți că totul va deveni clar imediat, imediat ce luăm în considerare exemple practice.
Următoarea regulă de stil elimină linia de sus pentru orice paragraf care urmează imediat după antetul primului nivel. Rețineți că indentul este eliminat pentru paragraful de mai jos h1, nu pentru
titlul în sine:
În Fig. 2.15 arată cum va fi afișată pagina după aplicarea acestei reguli.
Fig. 2.15. Utilizați selectorul adiacent pentru a schimba stilul afișării titlurilor
După cum puteți vedea, primul paragraf care urmează elementului h1 este afișat fără o indentare din partea de sus; în timp ce toate paragrafele ulterioare sunt afișate indentate.
După cum am menționat mai sus, numai versiunile cele mai moderne ale browserelor acceptă selectori adiacenți - de exemplu, în Internet Explorer, asistența acestora este implementată abia începând cu versiunea 7. În anumite cazuri, se poate presupune că utilizatorii versiunilor mai vechi vor vedea un decalaj între antet și text. Dacă sunteți hotărât să eliminați indentarea afișată în browserele mai vechi, aveți la dispoziție mai multe opțiuni.
Puteți utiliza selectorii de clasă, ca în secțiunea "Utilizarea diferitelor stiluri de legătură pe o singură pagină", atribuind o valoare zero fiecărei proprietăți a proprietății marjei de clasă. Dacă citiți această secțiune, folosirea acestei metode nu va prezenta dificultăți. În plus, puteți specifica o indentare negativă pentru antet. Această metodă va fi discutată mai detaliat mai jos.
consiliu
Aplicați liniuțe negative. Proprietatea CSS este marginală. care stabilește valoarea indentării externe, poate lua atât valori pozitive, cât și negative. Cu toate acestea, valoarea de proprietate padding. oferind o compensare de la limita elementului părinte la limita copilului, poate fi
doar pozitiv.
Aplicarea unei valori negative asupra proprietății marjei vă permite să eliminați indentarea inutilă între antet și primul paragraf. Codul de mai jos poate obține același rezultat pe care l-am văzut în Fig. 2.15:
Trimiteți-le prietenilor: