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

資訊專欄INFORMATION COLUMN

CSS的再深入5(更新中···)

番茄西紅柿 / 1115人閱讀

摘要:頁面布局結(jié)構(gòu)層搭我們的頁面框架。不需要使用浮動解決的問題盡量不用。使用浮動之后會使該元素脫標(biāo),宋體并且該元素的宋體。備注以后我們做定位的時候,盡量保持子絕父相。宋體宋體是一種協(xié)議,就是客戶端和服務(wù)端鏈接的一種協(xié)議。

頁面布局

結(jié)構(gòu)層:搭我們的頁面框架。

布局層:針對框架內(nèi)部結(jié)構(gòu)進(jìn)行排版。

不需要使用浮動解決的問題盡量不用。

使用浮動之后會使該元素脫標(biāo),并且該元素的margin

div 盒子模型 :

就是一個容器,可以裝任何標(biāo)簽。

  1. 盒子實際占用的空間
  2. 盒子的實際寬高和高度
  3. 如何理解盒子模型    

細(xì)節(jié)性的問題塊級元素的寬如果沒有設(shè)置寬度,就是父級的寬,如果沒有設(shè)置高度根據(jù)內(nèi)容而定。

結(jié)構(gòu)選擇器

(同一父級下子標(biāo)簽同級同標(biāo)簽名時使用,用法  標(biāo)簽名:nth-of-type(序號/或者說是第幾個)

div:nth-of-type(1)

單位問題 width

1.100px

2.百分比,給一個元素設(shè)置的寬是50%,那么這個50% 是相對他的父級。

 

 

position細(xì)說

 

  position:relative;

 

  left:100px;

 

  top:100px;

 

  position:absolute;

 

  left:100px;

 

  top:100px;

 

  positionrelative;如果設(shè)置值了,相對原來的位置進(jìn)行調(diào)整

 

  二者區(qū)別

 

    1.   absolute會脫離標(biāo)準(zhǔn)流,relative不會,relative雖然給值了,但是依然占有著原來的位置。
    2.   relative存在”形影分離”,所以一般情況下不建議添加值了,一般給子元素當(dāng)參照位置,或者是元素的微調(diào)。
    3.   absolute 會有一種現(xiàn)象”壓蓋”效果。

 

  z-index層次關(guān)系,可以改變元素的層疊位置,所有的標(biāo)簽?zāi)J(rèn)是0, z-index的值越大,該元素就在上方。

 

  備注:以后我們做定位的時候,盡量保持”子絕父相”。

  fixed 固定定位

  position:fixed; 

  

  脫離標(biāo)準(zhǔn)流的屬性有哪些:float  position:absolute  position:fixed.

  Positionstatic;靜態(tài)

 

 form表單

  

action 提交的地址 就是你要提交到的網(wǎng)址(或后臺)如:

https://www.baidu.com

 

methods 提交方式 post get

get 是在httpurl上提交不加密   post加密在http中的一個body對象上提交的。

  

 

http 是一種協(xié)議,就是客戶端和服務(wù)端鏈接的一種協(xié)議。超文本傳輸協(xié)議

下拉列表

  

 

 

1,定位讓元素居中

 

2.透明度 opacity

默認(rèn)值是1 不透明 0是全透明

值是0-1之間

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

轉(zhuǎn)載請注明本文地址:http://www.ezyhdfw.cn/yun/1713.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的再深入7(更新···)

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

    番茄西紅柿 評論0 收藏0
  • css的再深入8(更新···)

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

    chuyao 評論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

發(fā)表評論

0條評論

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