fe6-2：CSS部分

maxmin 發(fā)布于2019-08-29 18:39 / 2391人閱讀

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

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

//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;
}

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

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

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

相關(guān)文章

fe6-2：CSS部分

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

microelec 2019-08-02 16:14 評論0 收藏0
fe6-2：CSS部分

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

Jinkey 2019-08-23 17:00 評論0 收藏0
JavaWEB開發(fā)02——CSS&JS

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

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

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

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

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

appetizerio 2019-08-30 15:53 評論0 收藏0