資訊專欄INFORMATION COLUMN
全面我們學(xué)了6個選擇器，今天再來學(xué)習(xí)兩個選擇器，分別是通配符選擇器和并集選擇器：
1.通配符選擇器：
*{
}
表示body里所有的標簽都被選中
2.并集選擇器:
選中的標簽之間用逗號隔開，表示這幾個標簽都被選中
*選擇器 有好處也有弊端
好處 就是省事，弊端，就是因為太省事了，加大了瀏覽器的負荷。
解決辦法 ?按需選擇。
再來學(xué)習(xí)幾個列表標簽
1.無序列表? ul
? （1）內(nèi)部必須有子標簽
? （2）ul天生自帶內(nèi)外邊距（天生自帶內(nèi)外邊距的還有p,hi-h6,ol)
2.有序列表? ?ol
? （1）內(nèi)部也必須有子標簽
? （2）ol天生也自帶內(nèi)外邊距
無序列表前面符號是形狀，有序列表前面符號是序號
ul和ol不同之處就在前面符號的區(qū)別
ul想改前面的形狀要用list-style:circle(空心圓)/disc(實心圓)/square(正方形)/none(空);
?
ol想改前面的序號要用標簽屬性 type 修改，無法使用樣式標簽修改
3.自定義列表? ?dl
dl中要用dt和dd（dt是小標題，dd是內(nèi)容）
?
列表能做什么？
?
做二級菜單 做導(dǎo)航
?
備注
?
margin和padding問題的探討
?
margin:200px;設(shè)置一個值 說明top right bottom left 都是200px
?
margin：200px 100p；設(shè)置兩個值 上下是200px ?左右是100px
?
margin：200px 50px 100px 上是200px 左右是50px ?下是100px
?
margin:200px 50px 100px 50px; 上是200 ?右是50px 下是100px 左是50px
?
padding同上
?
實際占用的空間大小
?
通過分析我們發(fā)現(xiàn) 一個標簽元素實際占用的空間是?
?
width+border*2+padding*2+margin*2
?
一個標簽元素的實際高度是
?
height+padding-top+padding-bittom+2 x border
?
同時還有一種情況需要注意：
margin的塌陷現(xiàn)象，即：
?
相鄰兩個塊級元素同時設(shè)置margin時，他們的外邊距不會疊加，會取最大的外邊距的值，這種現(xiàn)象叫做margin塌陷。
?
?
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/1757.html
摘要：宋體雪碧圖宋體我們的宋體和宋體中有三個屬性可以向服務(wù)器發(fā)送請求，宋體。宋體類型，客戶端和服務(wù)器之間的暗號，根據(jù)拓展名而定。注內(nèi)容包含圖片和文字 background-position ?雪碧圖 我們的html和css中有三個屬性可以向服務(wù)器發(fā)送請求，src href url。 overflow (1)?值hidden 超出就隱藏 (2)?值scroll ?出現(xiàn)滾動條 vis...
摘要：宋體去滾動條的屬性宋體水平超出的隱藏。往往需要設(shè)置宋體為宋體滾動標簽他身上所具有的功能有標簽屬性決定。1.去滾動條的屬性 overflow:hidden; overflow-x:hidden; 水平超出的隱藏。 2.z-index 層次疊加 元素重疊 誰的值大誰在上面 (1)?父級出現(xiàn)position:relative；時候z-index失效 (2)?層疊元素出現(xiàn)float的時候...
摘要：宋體可以繼承的屬性有哪些宋體系列宋體系列宋體的值的問題宋體四個值的順序是宋體左上宋體右上宋體右下宋體左下。宋體在宋體下宋體為負讓元素居中，前提是知道元素的寬高。宋體如宋體正常狀態(tài)宋體宋體設(shè)值時1.transparent 透明的 2.placeholder 提示語 寫頁面 搞清結(jié)構(gòu)層次， 保證模塊化，讓他們之間不能受到影響 (1)元素性質(zhì) (2)標準流 浮動帶來的脫離文檔流撐不起父級的高度...
摘要：宋體二宋體瀏覽器瀏覽器和瀏覽器之間是由差距的，這個差距是由瀏覽器自身的內(nèi)核決定的。宋體每個瀏覽器都有自己的前綴，主要解決宋體中的兼容問題。宋體是彈性子元素在彈性容器中所占的份數(shù)。一 單位 1.px 就是一個基本的單位 像素 2.em 也是一個單位 用父級元素的字體大小乘以em前面的數(shù)字。如果父級沒有就繼承上一個父級直到body，如果body沒有那就默認是16px。 3.rem 也是一個單位，...
摘要：層疊行選不中的情況下，走繼承性。繼承性的權(quán)重為。選中情況下，首先需要考慮權(quán)重的問題，誰的權(quán)重大，就選誰的樣式屬性。如果權(quán)重相同，因為后者會覆蓋前者，所以誰的樣式屬性在后面，就選擇誰的樣式屬性。在上一章中，我們又引出了一個知識點： margin的問題 margin：0 auto；（上下為0，左右自適應(yīng)）會解決元素的居中問題（auto 自適應(yīng)）前提是給這個元素設(shè)置width 同時，我們又要學(xué)習(xí)新...
閱讀 1865·2021-09-29 09:35
閱讀 2726·2021-09-22 15:25
閱讀 1980·2021-08-23 09:43
閱讀 2061·2019-08-30 15:54
閱讀 3360·2019-08-30 15:53
閱讀 2396·2019-08-30 13:50
閱讀 2408·2019-08-30 11:24
閱讀 2281·2019-08-29 15:37
