CSS的再一次深入(更新中 )

2022-08-26 03:51:09 字數 1537 閱讀 7811

全面我們學了6個選擇器,今天再來學習兩個選擇器,分別是萬用字元選擇器和並集選擇器:

1.萬用字元選擇器:

表示body裡所有的標籤都被選中

2.並集選擇器:

選中的標籤之間用逗號隔開,表示這幾個標籤都被選中

*選擇器 有好處也有弊端

好處就是省事,弊端,就是因為太省事了,加大了瀏覽器的負荷。

解決辦法

按需選擇。

再來學習幾個列表標籤

1.無序列表  ul

(1)內部必須有子標籤

(2)ul天生自帶內外邊距(天生自帶內外邊距的還有p,hi-h6,ol)

2.有序列表   ol

(1)內部也必須有子標籤

(2)ol天生也自帶內外邊距

無序列表前面符號是形狀,有序列表前面符號是序號

ul和ol不同之處就在前面符號的區別

ul想改前面的形狀要用list-style:circle(空心圓)/disc(實心圓)/square(正方形)/none(空);

ol想改前面的序號要用標籤屬性 type 修改,無法使用樣式標籤修改

3.自定義列表   dl

dl中要用dt和dd(dt是小標題,dd是內容)

列表能做什麼?

做二級選單

做導航備註

margin和

padding

問題的**

margin:200px;設定乙個值 說明

top right bottom left

都是200px

margin:

200px 100p

;設定兩個值 上下是

200px  

左右是100px

margin:

200px 50px 100px

上是200px

左右是50px  

下是100px

margin:200px 50px 100px 50px; 上是

200  

右是50px

下是100px

左是50px

padding同上

實際占用的空間大小

通過分析我們發現

乙個標籤元素實際占用的空間是

width+border*2+padding*2+margin*2

乙個標籤元素的實際高度是

height+padding-top+padding-bittom+2 x border

同時還有一種情況需要注意:

margin的塌陷現象,即:

相鄰兩個塊級元素同時設定margin時,他們的外邊距不會疊加,會取最大的外邊距的值,這種現象叫做margin塌陷。

再一次求助

編24點程式時遇到的問題 大佬好呀,python小白又來求助啦!這次的問題是在編24點時遇到的乙個問題 如何將使用者輸入的數字運算出結果?源 import random shuzi str one str random.randint 1,10 shuzi str two str random.ra...

再一次,明道雲

致各位老明道使用者,我說的老明道使用者,指的是2012年到2017年這五年中曾經使用過明道協作平台,然後因為種種原因停止使用的客戶。根據我們的記錄,總計大約有5000家企業。5000家付費客戶的流失,對於我們來說,是痛徹心扉的事情。只不過它發生在漫長的五年之中,所以更像小刀剮肉。從2018年開始,明...

再一次來到廣東

兩年前 來過廣東幾個地方 呆過一段時間 但是沒什麼印象 第一是沒有認識的人 第二是 沒有什麼讓我印象深刻的事 所以 大腦中也就沒怎麼裝這些沒多大用處的東西 再一次來到廣東 心情真的無法形容 雖然還沒有來 就感覺自己對這邊已經很熟了 因為現在不同 現在很多朋友都在這邊 大多數都是素未謀面 但卻感覺異常...