成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

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

番茄西紅柿 / 2516人閱讀

摘要:宋體可以繼承的屬性有哪些宋體系列宋體系列宋體的值的問題宋體四個值的順序是宋體左上宋體右上宋體右下宋體左下。宋體在宋體下宋體為負(fù)讓元素居中,前提是知道元素的寬高。宋體如宋體正常狀態(tài)宋體宋體設(shè)值時

1.transparent  透明的

2.placeholder  提示語

寫頁面

  1. 搞清結(jié)構(gòu)層次,
  2. 保證模塊化,讓他們之間不能受到影響

(1) 元素性質(zhì)

(2) 標(biāo)準(zhǔn)流

浮動帶來的脫離文檔流撐不起父級的高度的問題可以采用清除浮動的方式消除影響,absolutefixed帶來的脫離文檔流撐不起父級的高度,使用子元素設(shè)置高強制撐起父級。

 

1.css可以繼承的屬性有哪些?

 

Font 系列 text系列 color line-height

 

2.border-radius的值的問題

 

   

 

 

四個值的順序是 左上 右上 右下 左下。

 

3.white-space 規(guī)定段落中的文本換不換行 往往值是nowrap 不換行

4.Word-wrap 屬性允許長的內(nèi)容可以自動換行  屬性值是 break-word 允許 默認(rèn)是不允許

 

5.寫三角形

  

寬高必須是0  效果如下:

 

6.margin對布局的影響  雙飛翼布局 圣杯布局 ()

 

  margin是 外邊距,屬性值是數(shù)字 數(shù)字又分正負(fù)。

正數(shù):margin20px;

負(fù)數(shù):在static元素中(標(biāo)準(zhǔn)流下)margin-left為負(fù)數(shù)當(dāng)前元素向左走 margin-top為負(fù)當(dāng)前元素向上走

margin-bottom為負(fù)數(shù)后當(dāng)前元素不動后面的元素向上走,margin-right為負(fù)數(shù)當(dāng)前元素不動后面的元素向左走

 

 

注意的,margin為負(fù)會增大當(dāng)前元素的寬(前提是當(dāng)前元素沒有設(shè)置width

 

 

場景

 

ul一個margin-right 就無形之中給ul加了20px寬度。

float

margin為負(fù) 也是我們常用的雙飛翼,圣杯布局

中間自適應(yīng) 兩端固定

給元素margin-left為負(fù)當(dāng)前元素向左走,margin-right為負(fù)后一個元素向左走會覆蓋當(dāng)前元素。

absolute

margin為負(fù)

讓元素居中,前提是知道元素的寬高。

div{

Positionabsolute;

Left50%;

Top50%

Margin-left:-width/2;

Margin-top:-height/2

}

Margin為負(fù)無論在什么條件下都是釋放自己的空間,如果自己的margin不夠,就把自己的寬高貢獻(xiàn)出去。

如:

1.正常狀態(tài)

 

 

 

2.設(shè)margi值時   

  

 

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

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/1697.html

相關(guān)文章

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

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

    Bowman_han 評論0 收藏0
  • css的再深入9(更新···)

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

    yexiaobai 評論0 收藏0
  • CSS的再深入2(更新···)

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

    enrecul101 評論0 收藏0
  • CSS的再深入3(更新···)

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

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

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

    Jackwoo 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<