ПредишенСледващото

Премахване на вдлъбнатината между елемента на h1 и следният параграф

Инструкции - съвети за СГО - елиминиране на отстъп между h1 елемент и следният параграф

Фиг. 2.14. Празното пространство между заглавието и на параграфа, който възниква по подразбиране

Използването на съседната селектора
В непосредствена близост селектор да приложите стилове към елемент, който следва другия елемент, ако и двете са деца на една и съща майка елемент. В действителност, с негова помощ можете да посочите и елемент, а не за следващия, и в продължение на няколко други елементи; елемента, за който се отнася, наречен последния елемент във веригата. Ако по-горе ти е донесъл в объркване и вярвам, че всичко ще стане ясно след като отчетем един практически пример.

Следваща правило стил премахва горната граница за всяка точка непосредствено след заглавието на първо ниво. Имайте предвид, че вдлъбнатината се отстранява за параграфа след Н1, а не за
на заглавието:


Фиг. 2.15 показва как страницата ще се показва след прилагането на това правило.

Инструкции - съвети за СГО - елиминиране на отстъп между h1 елемент и следният параграф

Фиг. 2.15. Използването на съседната селектора за промяна на заглавната дисплей стил


Както можете да видите, първият след h1 елемент се показва без отстъпа на върха; докато всички следващите параграфи са назъбени.

Както бе споменато по-горе, само най-новите версии на браузъри поддържат прилежащите селектори - например, в Internet Explorer, тяхната подкрепа се осъществява само от версия 7. В някои случаи, може да се предположи, че потребителите на по-стари версии ще видят разликата между заглавие и текст. Ако сте решени да се премахне вдлъбнатината показва в по-стари браузъри, на ваше разположение са няколко възможности.

Можете да използвате класа селектори, както в раздел "Използване на една страница на различни стилове на връзки", възложени на границата на собственост за всеки нулева стойност на елемента на класа. Ако сте прочели този нов раздел, използването на този метод не създават никакви затруднения. В допълнение, заглавната част, можете да настроите негативно тире. Този метод, който да обсъдим по-подробно.

съвет
Използването на отрицателни маржове. Маржът на CSS собственост. се посочва количеството на външен отстъп може да отнеме както положителни, така и отрицателни стойности. Въпреки това, свойствата уплътнение стойност. осигуряване на пространство от границата на майка елемент до границата на детето може да бъде
Само положителни.
Прилагане на стойност свойства марж отрицателен също така позволява да се отстранят ненужно пространство между горния и първия параграф. Следният код ви позволява да постигнете същия резултат, както видяхме на фиг. 2.15:

Подкрепете проекта - споделете линка, благодаря!