国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

css的再深入9(更新中···)

yexiaobai / 863人閱讀

摘要:宋體二宋體瀏覽器瀏覽器和瀏覽器之間是由差距的,這個(gè)差距是由瀏覽器自身的內(nèi)核決定的。宋體每個(gè)瀏覽器都有自己的前綴,主要解決宋體中的兼容問(wèn)題。宋體是彈性子元素在彈性容器中所占的份數(shù)。

單位

1.px 就是一個(gè)基本的單位 像素

2.em 也是一個(gè)單位 用父級(jí)元素的字體大小乘以em前面的數(shù)字。如果父級(jí)沒有就繼承上一個(gè)父級(jí)直到body,如果body沒有那就默認(rèn)是16px

3.rem 也是一個(gè)單位,只跟根節(jié)點(diǎn)的字體大小有關(guān),如果沒有默認(rèn)是16px

4.line-height 行高 line-height:2; 行高值 是當(dāng)前數(shù)字2乘以元素字體大小。

瀏覽器

瀏覽器和瀏覽器之間是由差距的,這個(gè)差距是由瀏覽器自身的內(nèi)核決定的。

每個(gè)瀏覽器都有自己的前綴,主要解決css3中的兼容問(wèn)題。

Chrome(谷歌) 的前綴 -webkit-

Firefox(火狐) ?的前綴 -moz-

Ie 的前綴 ?-ms-

Opera(歐朋) ?的前綴 ?-o-

國(guó)內(nèi)的瀏覽器的內(nèi)核是谷歌。

布局

  1. 流式布局 ?float+margin
  2. 定位
  3. 雙飛翼
  4. 圣杯
  5. 彈性盒子布局 移動(dòng)端布局

    全稱叫彈性和模型:是由父級(jí)的彈性容器和子級(jí)的彈性子元素兩者構(gòu)造。

    display:flex;這個(gè)屬性決定誰(shuí)是彈性容器,他里面的子元素就是彈性子元素。

    flex 是彈性子元素在彈性容器中所占的份數(shù)。屬性值是數(shù)字

6.表格布局

  1. 7.box-sizingborder-box;這個(gè)屬性 讓元素的實(shí)際寬度就等于設(shè)置width,即便有了paddingborder只會(huì)向內(nèi)擠壓,元素的可利用空間變小。

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

轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/1688.html

相關(guān)文章

  • css的再深入6(更新···)

    摘要:宋體雪碧圖宋體我們的宋體和宋體中有三個(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的再深入7(更新···)

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

    番茄西紅柿 評(píng)論0 收藏0
  • CSS的再深入2(更新···)

    摘要:層疊行選不中的情況下,走繼承性。繼承性的權(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
  • CSS的再深入3(更新···)

    摘要:而第一個(gè)依然存在,所以就會(huì)疊加。宋體行級(jí)加只要加了,這個(gè)元素就會(huì)脫離標(biāo)準(zhǔn)文檔流行級(jí)元素加了,脫離了標(biāo)準(zhǔn)文檔流,會(huì)變得塊不像塊,行不像行,能設(shè)置快高,能并排排列,則也不用給行級(jí)標(biāo)簽加了,沒有意義。在前面,我們學(xué)習(xí)了標(biāo)準(zhǔn)文檔流,但在實(shí)際制作的過(guò)程中,用標(biāo)準(zhǔn)文檔流書寫顯然是不現(xiàn)實(shí)的,因此,我們來(lái)了解幾種脫離標(biāo)準(zhǔn)文檔流的方法: 1.float 浮動(dòng) float:left/right;(左浮/右浮) ...

    RayKr 評(píng)論0 收藏0
  • CSS的再一次深入更新···)

    全面我們學(xué)了6個(gè)選擇器,今天再來(lái)學(xué)習(xí)兩個(gè)選擇器,分別是通配符選擇器和并集選擇器: 1.通配符選擇器:   *{ } 表示body里所有的標(biāo)簽都被選中 2.并集選擇器: 選中的標(biāo)簽之間用逗號(hào)隔開,表示這幾個(gè)標(biāo)簽都被選中 *選擇器 有好處也有弊端 好處 就是省事,弊端,就是因?yàn)樘∈铝耍哟罅藶g覽器的負(fù)荷。 解決辦法 ?按需選擇。 再來(lái)學(xué)習(xí)幾個(gè)列表標(biāo)簽 1.無(wú)序列表? ul ? (1)內(nèi)部必須有子標(biāo)...

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

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

0條評(píng)論

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