CSS中段前段后距離的設(shè)置可以通過調(diào)整“margin”屬性來實(shí)現(xiàn),這個(gè)屬性可以定義元素邊框外部的空間,包括上、下、左、右四個(gè)方向的距離,要設(shè)置段前段后的距離,可以針對(duì)段落元素(如<p>)應(yīng)用margin-top和margin-bottom屬性。
如果要設(shè)置一個(gè)段落的上邊距為20px,下邊距為30px,可以這樣寫:
p { margin-top: 20px; margin-bottom: 30px; }
這樣,段落元素的前后距離就被設(shè)置為20px和30px了,注意,這里的“px”是CSS中的長度單位,表示像素,除了像素外,CSS還支持其他長度單位,如em、rem、%等。
如果要調(diào)整整個(gè)段落組的段前段后距離,可以使用CSS的嵌套規(guī)則,如果要調(diào)整一個(gè)包含多個(gè)段落的段落組的段前段后距離,可以這樣做:
div.paragraph-group { margin-top: 40px; margin-bottom: 50px; }
這樣,整個(gè)段落組的段前段后距離就被設(shè)置為40px和50px了,注意,這里的“div.paragraph-group”表示一個(gè)具有“paragraph-group”類的div元素,在實(shí)際應(yīng)用中,可以根據(jù)需要調(diào)整這個(gè)選擇器來匹配具體的段落組。