10.8-10.10

來源:互聯網
上載者:User

標籤:com   css3   family   direct   splay   出現   -o   css   超出   

  1. 去捲軸的屬性 overflow:hidden;

overflow-x:hidden; 水平超出的隱藏。

  1. z-index 層次疊加 元素重疊 誰的值大誰在上面

(1) 父級出現position:relative;時候z-index失效

(2) 層疊元素出現float的時候會失效

(3) 層疊元素也得設定position:absolute/fixed.

  1. background-position:100px 300px;

   Background-position:0% 50%; 50% 0;

Background-position:center center;

  1. absolute 絕對位置

使用這個屬性之後,這個元素不會佔位了,脫離標準文檔流,同時元素本身也變成了行級塊元素。往往需要設定width為100%;

 

  1. marquee 滾動標籤

 

他身上所具有的功能有標籤屬性決定。

 

Direction 決定滾動方向 預設是left right up down

 

Behavior 決定滾動的方式 scroll連續滾 slide 滾動一次 alternate 來復原動

 

Loop 迴圈的次數 預設是無數次

 

Scrollamount 運動速度 預設是6

 

Scrolldelay 表示停頓的時間 單位是毫秒 1秒=1000毫秒

 

Aligin 元素的垂直對齊 top middle bottom

 

Width height 表示地區的大小

 

Hspace   vspace  表示元素在地區邊界的水平距離和垂直距離

 

 

10.9

一 單位

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

2.em 也是一個單位 用父級元素的字型大小乘以em前面的數字。如果父級沒有就繼承上一個父級直到body,如果body沒有那就預設是16px。

3.rem 也是一個單位,只跟根節點<html>的字型大小有關,如果沒有預設是16px。

4.line-height 行高 line-height:2; 行高值 是當前數字2乘以元素字型大小。

二 瀏覽器

瀏覽器和瀏覽器之間是由差距的,這個差距是由瀏覽器自身的核心決定的。

每個瀏覽器都有自己的首碼,主要解決css3中的相容問題。

Chrome(Google) 的首碼 -webkit-

Firefox(Firefox)  的首碼 -moz-

Ie 的首碼  -ms-

Opera(歐朋)  的首碼  -o-

國內的瀏覽器的核心是Google。

三 布局

  1. 流式布局  float+margin
  2. 定位
  3. 雙飛翼
  4. 聖杯
  5. 彈性盒子布局 移動端布局

全稱叫彈性和模型:是由父級的彈性容器和子級的彈性子項目兩者構造。

Display:flex;這個屬性決定誰是彈性容器,他裡面的子項目就是彈性子項目。

Flex 是彈性子項目在彈性容器中所佔的份數。屬性值是數字

1表格版面配置

1box-sizing:border-box;這個屬性 讓元素的實際寬度就等於設定width,即便有了padding和border只會向內擠壓,元素的可利用空間變小。

 

10.10

 

 

 

10.8-10.10

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.