CSS的再一次深入（更新中···）

Jackwoo 發布于2019-04-23 13:21 / 1099人閱讀

全面我們學了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塌陷。

云服務器 GPU云服務器 cdn183 183是移動還是聯通更新中 css中

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/1757.html

css的再深入6（更新中&#183;&#183;&#183;）

摘要：宋體雪碧圖宋體我們的宋體和宋體中有三個屬性可以向服務器發送請求，宋體。宋體類型，客戶端和服務器之間的暗號，根據拓展名而定。注內容包含圖片和文字 background-position ?雪碧圖我們的html和css中有三個屬性可以向服務器發送請求，src href url。 overflow 　　(1)?值hidden 超出就隱藏　　(2)?值scroll ?出現滾動條　　vis...

Bowman_han 2019-04-23 13:19 評論0 收藏0
css的再深入8（更新中&#183;&#183;&#183;）

摘要：宋體去滾動條的屬性宋體水平超出的隱藏。往往需要設置宋體為宋體滾動標簽他身上所具有的功能有標簽屬性決定。1.去滾動條的屬性 overflow:hidden; 　　overflow-x:hidden; 水平超出的隱藏。 2.z-index 層次疊加元素重疊誰的值大誰在上面　　(1)?父級出現position:relative；時候z-index失效　　(2)?層疊元素出現float的時候...

chuyao 2019-04-23 13:18 評論0 收藏0
css的再深入7（更新中&#183;&#183;&#183;）

摘要：宋體可以繼承的屬性有哪些宋體系列宋體系列宋體的值的問題宋體四個值的順序是宋體左上宋體右上宋體右下宋體左下。宋體在宋體下宋體為負讓元素居中，前提是知道元素的寬高。宋體如宋體正常狀態宋體宋體設值時1.transparent 透明的 2.placeholder 提示語寫頁面搞清結構層次，保證模塊化，讓他們之間不能受到影響 (1)元素性質 (2)標準流浮動帶來的脫離文檔流撐不起父級的高度...

番茄西紅柿 2019-04-23 13:18 評論0 收藏0
css的再深入9（更新中&#183;&#183;&#183;）

摘要：宋體二宋體瀏覽器瀏覽器和瀏覽器之間是由差距的，這個差距是由瀏覽器自身的內核決定的。宋體每個瀏覽器都有自己的前綴，主要解決宋體中的兼容問題。宋體是彈性子元素在彈性容器中所占的份數。一單位 1.px 就是一個基本的單位像素 2.em 也是一個單位用父級元素的字體大小乘以em前面的數字。如果父級沒有就繼承上一個父級直到body，如果body沒有那就默認是16px。 3.rem 也是一個單位，...

yexiaobai 2019-04-23 13:18 評論0 收藏0
CSS的再深入2（更新中&#183;&#183;&#183;）

摘要：層疊行選不中的情況下，走繼承性。繼承性的權重為。選中情況下，首先需要考慮權重的問題，誰的權重大，就選誰的樣式屬性。如果權重相同，因為后者會覆蓋前者，所以誰的樣式屬性在后面，就選擇誰的樣式屬性。在上一章中，我們又引出了一個知識點： margin的問題 margin：0 auto；（上下為0，左右自適應）會解決元素的居中問題（auto 自適應）前提是給這個元素設置width 同時，我們又要學習新...

enrecul101 2019-04-23 13:20 評論0 收藏0