fe6-2：CSS部分

microelec 發(fā)布于2019-08-02 16:14 / 772人閱讀

摘要：一元素定位其中，是默認(rèn)定位是相對(duì)定位是完全絕對(duì)定位，忽略其他所有東西，往上浮動(dòng)到非的元素基于的絕對(duì)定位不隨頁(yè)面滾動(dòng)改變質(zhì)能公式按鈕

一、元素定位(position)：
static、relative、absolute、fixed
其中，static是默認(rèn)定位；
relative 是相對(duì)定位；
absolute 是完全絕對(duì)定位，忽略其他所有東西，往上浮動(dòng)到非 static 的元素；
fixed 基于 window 的絕對(duì)定位, 不隨頁(yè)面滾動(dòng)改變

//relative
.square {
    color: black; 
    position: relative;
    top: -12px;
 }
E = MC2 質(zhì)能公式 

//absolute
.close {
    position: absolute;
    top: 0px;
    right: 0px;
}


//fixed
.fixed {
    background: black;
    color: white;
    position: fixed;
    top: 0px;
    left: 0px;
}

云服務(wù)器 GPU云服務(wù)器部分?jǐn)?shù)據(jù) 文字部分數(shù)據(jù)部分部分刷新

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/54915.html

相關(guān)文章

fe6-2：CSS部分

摘要：一元素定位其中，是默認(rèn)定位是相對(duì)定位是完全絕對(duì)定位，忽略其他所有東西，往上浮動(dòng)到非的元素基于的絕對(duì)定位不隨頁(yè)面滾動(dòng)改變質(zhì)能公式按鈕一、元素定位(position)：static、relative、absolute、fixed其中，static是默認(rèn)定位；relative 是相對(duì)定位；absolute 是完全絕對(duì)定位，忽略其他所有東西，往上浮動(dòng)到非 static 的元素；fixed ...

Jinkey 2019-08-23 17:00 評(píng)論0 收藏0
fe6-2：CSS部分

摘要：一元素定位其中，是默認(rèn)定位是相對(duì)定位是完全絕對(duì)定位，忽略其他所有東西，往上浮動(dòng)到非的元素基于的絕對(duì)定位不隨頁(yè)面滾動(dòng)改變質(zhì)能公式按鈕一、元素定位(position)：static、relative、absolute、fixed其中，static是默認(rèn)定位；relative 是相對(duì)定位；absolute 是完全絕對(duì)定位，忽略其他所有東西，往上浮動(dòng)到非 static 的元素；fixed ...

maxmin 2019-08-29 18:39 評(píng)論0 收藏0
JavaWEB開發(fā)02——CSS&JS

摘要：今日目標(biāo)使用完成網(wǎng)站首頁(yè)的優(yōu)化使用完成網(wǎng)站注冊(cè)頁(yè)面的優(yōu)化使用完成簡(jiǎn)單的數(shù)據(jù)校驗(yàn)使用完成圖片輪播效果教學(xué)目標(biāo)了解的概念了解的引入方式了解的基本用法和常用的選擇器了解的盒子模型，懸浮和定位了解的概念掌握的基本語(yǔ)法，數(shù)據(jù)類型，能夠使用完成簡(jiǎn)單的頁(yè) 今日目標(biāo) 使用CSS完成網(wǎng)站首頁(yè)的優(yōu)化使用CSS完成網(wǎng)站注冊(cè)頁(yè)面的優(yōu)化使用JS完成簡(jiǎn)單的數(shù)據(jù)校驗(yàn) 使用JS完成圖片輪播效果教學(xué)目標(biāo)：了解...

MorePainMoreGain 2019-08-29 17:03 評(píng)論0 收藏0
JavaWEB開發(fā)02——CSS&JS

摘要：今日目標(biāo)使用完成網(wǎng)站首頁(yè)的優(yōu)化使用完成網(wǎng)站注冊(cè)頁(yè)面的優(yōu)化使用完成簡(jiǎn)單的數(shù)據(jù)校驗(yàn)使用完成圖片輪播效果教學(xué)目標(biāo)了解的概念了解的引入方式了解的基本用法和常用的選擇器了解的盒子模型，懸浮和定位了解的概念掌握的基本語(yǔ)法，數(shù)據(jù)類型，能夠使用完成簡(jiǎn)單的頁(yè) 今日目標(biāo) 使用CSS完成網(wǎng)站首頁(yè)的優(yōu)化使用CSS完成網(wǎng)站注冊(cè)頁(yè)面的優(yōu)化使用JS完成簡(jiǎn)單的數(shù)據(jù)校驗(yàn) 使用JS完成圖片輪播效果教學(xué)目標(biāo)：了解...

高勝山 2019-08-02 11:49 評(píng)論0 收藏0
【CSS篇】css居中解決辦法

摘要：水平居中行內(nèi)元素適用元素塊級(jí)元素適用于元素一個(gè)塊級(jí)元素多個(gè)塊級(jí)元素方法一將塊級(jí)元素變?yōu)樾袃?nèi)塊級(jí)元素部分部分方法二布局部分部分垂直居中行內(nèi)元素單個(gè)行內(nèi)元素情況一當(dāng)或文本有包裹元素時(shí)，設(shè)置相等的上下情況二當(dāng)或水平居中【行內(nèi)元素】適用inline,inline-block,inline-table,inline-flex元素 .center { text-align: cente...

appetizerio 2019-08-30 15:53 評(píng)論0 收藏0