亚洲中字慕日产2020,大陆极品少妇内射AAAAAA,无码av大香线蕉伊人久久,久久精品国产亚洲av麻豆网站

資訊專欄INFORMATION COLUMN

CSS的再深入3（更新中···）

RayKr / 3058人閱讀

摘要：而第一個(gè)依然存在，所以就會(huì)疊加。宋體行級(jí)加只要加了，這個(gè)元素就會(huì)脫離標(biāo)準(zhǔn)文檔流行級(jí)元素加了，脫離了標(biāo)準(zhǔn)文檔流，會(huì)變得塊不像塊，行不像行，能設(shè)置快高，能并排排列，則也不用給行級(jí)標(biāo)簽加了，沒(méi)有意義。

在前面，我們學(xué)習(xí)了標(biāo)準(zhǔn)文檔流，但在實(shí)際制作的過(guò)程中，用標(biāo)準(zhǔn)文檔流書(shū)寫(xiě)顯然是不現(xiàn)實(shí)的，因此，我們來(lái)了解幾種脫離標(biāo)準(zhǔn)文檔流的方法：

1.float 浮動(dòng)

float：left/right；（左浮/右?。?/p>

效果：元素都加浮動(dòng)，后面的元素緊跟前面的元素并排排列

第一個(gè)加了float，脫離了標(biāo)準(zhǔn)文檔流，對(duì)于瀏覽器來(lái)說(shuō)，第二個(gè)元素就變成了標(biāo)準(zhǔn)文檔流中的第一個(gè)，于是就會(huì)把他排在第一位。而第一個(gè)依然存在，所以就會(huì)疊加。

行級(jí)加float

?

A.只要加了float，這個(gè)元素就會(huì)脫離標(biāo)準(zhǔn)文檔流；行級(jí)元素加了float，脫離了標(biāo)準(zhǔn)文檔流，會(huì)變得塊不像塊，行不像行，能設(shè)置快高，能并排排列，則

也不用給行級(jí)標(biāo)簽加display了，沒(méi)有意義。（行級(jí)塊也是塊不像塊，行不像行）

B.浮動(dòng)的元素會(huì)貼靠在一起

C.浮動(dòng)的元素會(huì)文字環(huán)繞

?

浮動(dòng)帶來(lái)的壞處

1，給元素加了浮動(dòng)，撐不起父級(jí)的高度了

?

清除浮動(dòng)

  1. 給浮動(dòng)的父元素添加高度
  2. 給父級(jí)添加overflow:hidden;
  3. 給浮動(dòng)元素的后面添加一個(gè)空的div 添加樣式為clear:both

　　?

　　4.給浮動(dòng)元素的父級(jí)添加一個(gè)類叫clearfix

　　這個(gè)類寫(xiě)的樣式屬性有

　　

?（偽類選擇器：只要選擇器后面帶：的都可以說(shuō)是偽類選擇器

　　超鏈接的四種狀態(tài)

　　a:link{} 正常的狀態(tài)

　　a:visited{} 訪問(wèn)過(guò)后的狀態(tài)

　　a:hover{} 鼠標(biāo)懸浮的狀態(tài)

　　a:active{} 激活，鼠標(biāo)點(diǎn)擊時(shí)的那一刻的狀態(tài)

　　a的四種狀態(tài)的順序不能變

　　

　　偽元素和偽類選擇器的區(qū)別:

　　偽元素有兩個(gè)冒號(hào)，如p::after{}

　　偽類選擇器有一個(gè)冒號(hào)，如p:hover{}

）

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/1719.html

相關(guān)文章

  • css的再深入6（更新中3;3;3;）

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

    Bowman_han 評(píng)論0 收藏0

  • css的再深入8（更新中3;3;3;）

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

    chuyao 評(píng)論0 收藏0

  • css的再深入7（更新中3;3;3;）

    摘要：宋體可以繼承的屬性有哪些宋體系列宋體系列宋體的值的問(wèn)題宋體四個(gè)值的順序是宋體左上宋體右上宋體右下宋體左下。宋體在宋體下宋體為負(fù)讓元素居中，前提是知道元素的寬高。宋體如宋體正常狀態(tài)宋體宋體設(shè)值時(shí)1.transparent 透明的 2.placeholder 提示語(yǔ) 寫(xiě)頁(yè)面 搞清結(jié)構(gòu)層次， 保證模塊化，讓他們之間不能受到影響 (1)元素性質(zhì) (2)標(biāo)準(zhǔn)流 浮動(dòng)帶來(lái)的脫離文檔流撐不起父級(jí)的高度...

    番茄西紅柿 評(píng)論0 收藏0

  • css的再深入9（更新中3;3;3;）

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

    yexiaobai 評(píng)論0 收藏0

  • CSS的再深入2（更新中3;3;3;）

    摘要：層疊行選不中的情況下，走繼承性。繼承性的權(quán)重為。選中情況下，首先需要考慮權(quán)重的問(wèn)題，誰(shuí)的權(quán)重大，就選誰(shuí)的樣式屬性。如果權(quán)重相同，因?yàn)楹笳邥?huì)覆蓋前者，所以誰(shuí)的樣式屬性在后面，就選擇誰(shuí)的樣式屬性。在上一章中，我們又引出了一個(gè)知識(shí)點(diǎn)： margin的問(wèn)題 margin：0 auto；（上下為0，左右自適應(yīng)）會(huì)解決元素的居中問(wèn)題（auto 自適應(yīng)）前提是給這個(gè)元素設(shè)置width 同時(shí)，我們又要學(xué)習(xí)新...

    enrecul101 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<