css的再深入9（更新中···）

yexiaobai 發(fā)布于2019-04-23 13:18 / 870人閱讀

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

一單位

1.px 就是一個基本的單位像素

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

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

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

二瀏覽器

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

每個瀏覽器都有自己的前綴，主要解決css3中的兼容問題。

Chrome(谷歌) 的前綴 -webkit-

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

Ie 的前綴 ?-ms-

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

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

三布局

流式布局 ?float+margin
定位
雙飛翼
圣杯
彈性盒子布局移動端布局

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

　　　　display:flex;這個屬性決定誰是彈性容器，他里面的子元素就是彈性子元素。

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

6.表格布局

7.box-sizing：border-box；這個屬性讓元素的實際寬度就等于設(shè)置width，即便有了padding和border只會向內(nèi)擠壓，元素的可利用空間變小。

云服務器 GPU云服務器 cdn183 183是移動還是聯(lián)通更新中 css中

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

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

相關(guān)文章

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

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

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

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

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

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

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

摘要：而第一個依然存在，所以就會疊加。宋體行級加只要加了，這個元素就會脫離標準文檔流行級元素加了，脫離了標準文檔流，會變得塊不像塊，行不像行，能設(shè)置快高，能并排排列，則也不用給行級標簽加了，沒有意義。在前面，我們學習了標準文檔流，但在實際制作的過程中，用標準文檔流書寫顯然是不現(xiàn)實的，因此，我們來了解幾種脫離標準文檔流的方法： 1.float 浮動 float：left/right；（左浮/右浮） ...

RayKr 2019-04-23 13:19 評論0 收藏0
CSS的再一次深入（更新中&#183;&#183;&#183;）

全面我們學了6個選擇器，今天再來學習兩個選擇器，分別是通配符選擇器和并集選擇器： 1.通配符選擇器：　　*{ } 表示body里所有的標簽都被選中 2.并集選擇器: 選中的標簽之間用逗號隔開，表示這幾個標簽都被選中 *選擇器有好處也有弊端好處就是省事，弊端，就是因為太省事了，加大了瀏覽器的負荷。解決辦法 ?按需選擇。再來學習幾個列表標簽 1.無序列表? ul ? （1）內(nèi)部必須有子標...

Jackwoo 2019-04-23 13:21 評論0 收藏0