div與span的外邊距

2021-09-12 01:22:52 字數 1056 閱讀 7222

1.text-align會對塊元素中的所有內聯內容對齊;實際上text-align不僅僅是適用於文字,是對所有型別的內聯元素對齊;

另外text-align屬性只能在塊元素上設定,如果直接在內聯元素上使用那麼是不起作用的.

2.子孫選擇器

2.1 用途:我們只想選擇某些元素的子孫元素.

寫法如下 div h2

這裡的div是父元素;h2是子孫元素; 這個規則指出要選擇作為乙個div子孫的所有h2

另外,更加特定的指定,是使用id指定我們想要的子孫元素;

#exlixirs h2

這個規則指出要選擇id為 elixirs的div的所有子孫h2元素;這裡是選擇所有的h2元素,如果我們想要只

選擇直接的孩子,可以使用#elixirs>h2,這樣只有當h2是乙個id為elixirs的元素的直接孩子時,才會選擇這個h2

2.2 修正行高

line-height:1 ;表示,div各個元素的行高是其字型大小的1倍.

2.3 能不能對span元素設定類似width之類的屬性?實際上我想問的是,一般的內聯元素可以設定這些屬性嗎?

ps:可以設定內聯元素的寬度,不過在對這些元素定位之前,可能注意不到元素寬度改變的效果,另外還可以對這些元素增加外邊距,內邊距以及邊框.內聯元素上的外邊距和內邊距與塊元素稍有不同,如果乙個內聯元素四周都增加外邊距,只能看到左邊和右邊會增加空間.可以對內聯元素的上邊和下邊增加內邊距,不過這個內邊距不會影響包圍它的其他內聯元素的間距,所以內邊距會與其他內聯元素重疊.

2.4 對於塊級元素,設定上邊距或者下邊距,會選擇兩個div之間比較大的那個,舉個例子,兩個div是上下排列,第乙個div設定marginbottom為20px; 第二個div設定為margintop:10px;那麼兩個div垂直放假的外邊距其實是20px而不是30px

內聯元素上的外邊距和內邊距與塊元素稍有不同,.

如果乙個內聯元素四周都增加外邊距,只能看到左邊和

右邊會增加空間

可以對內聯元素的上邊和下邊增加內邊距,不過這個內邊距不會影響包圍它的其他內聯元素的間距

div預設外邊距是多少 CSS 外邊距

圍繞在元素邊框的空白區域是外邊距。設定外邊距會在元素外建立額外的 空白 設定外邊距的最簡單的方法就是使用 margin 屬性,這個屬性接受任何長度單位 百分數值甚至負值。設定外邊距的最簡單的方法就是使用 margin 屬性。margin 屬性接受任何長度單位,可以是畫素 英吋 公釐或 em。marg...

內邊距與外邊距

內邊距就是邊框與內容之間的距離 padding top padding right padding bottom padding left padding 上 右 下 左 當省略上右下左中的乙個時,預設與對面的值保持一致,即下對應上 左對應右 我是內容我是內容我是內容 我是內容我是內容我是內容 我是...

span 與 div 的區別

span 和 div 的區別在於 第一種解釋 div division 是乙個塊級元素,可以包含段落 標題 乃至諸如章節 摘要和備註等。而span 是行內元素。span 的前後是不會換行的,它沒有結構的意義,純粹是應用樣式,當其他行內元素都不合適時,可以使用span。span span標記有乙個重要...