Heim >Web-Frontend >H5-Tutorial >So legen Sie den Zeilenabstand von HTML-Webseitenabsätzen in Dreamweaver fest
Wie stelle ich den Zeilenabstand von HTML-Webseitenabsätzen in Dreamweaver ein? Beim Entwerfen einer Webseite in Dreamweaver habe ich festgestellt, dass der Zeilenabstand zwischen Textabsätzen nicht geeignet ist. Schauen wir uns das ausführliche Tutorial an Von Dreamweaver entworfener Text. Es ist nicht sehr komfortabel, wenn ich den Zeilenabstand des Textes anpassen möchte. Werfen wir einen Blick auf das ausführliche Tutorial unten.
2. Dann klicken wir im oberen Datei-Dropdown-Menü auf
Neue HTML-Seite erstellenund speichern sie auf dem Desktop.
3. Wir geben einen
p-Tag , ein und geben Text in die HTML-Seite ein , und legen Sie dann einige Stile für den Text im p-Tag fest.
4. Drücken Sie F12, wir sehen die fertige Seite im Firefox-Browser. Wir werden feststellen, dass
obwohl es nur drei Absätze gibt, der Abstand zwischen den Absätzen sehr groß ist.
5. Drücken Sie
F12 im Firefox-Browser und verwenden Sie Firebug, um Seitenelemente anzuzeigen festgestellt, dass zwischen der Ober- und Unterseite des p-Tags eine große Lücke besteht
6. Wie entstehen diese Lücken? Tatsächlich hat der
HTML-Absatz seinen eigenenRandwert , der standardmäßig nicht ungleich Null ist. Wir müssen den Randwert des p-Tags in HTML auf 0 setzen. Aktualisieren Sie die Seite in Ihrem Browser und Sie werden feststellen, dass der Abstand zwischen den Absätzen kleiner geworden ist.
7. Wir haben
Firebug zur Überprüfungverwendet und festgestellt, dass die gelben Teile über und unter dem Absatz verschwunden waren . . Das bedeutet auch, dass unser Absatz keinen Randwert mehr hat. Der Absatzabstand hat 0 erreicht.
Das obige ist der detaillierte Inhalt vonSo legen Sie den Zeilenabstand von HTML-Webseitenabsätzen in Dreamweaver fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!