【靜態(tài)頁(yè)面架構(gòu)】CSS之定位

scq000 發(fā)布于2019-08-29 16:34 / 2880人閱讀

摘要：架構(gòu)浮動(dòng)是以屬性設(shè)置容器指定的位置當(dāng)前元素設(shè)置為浮動(dòng)后，只影響當(dāng)前元素后面的所有元素的位置塊級(jí)元素不再獨(dú)占一行，多元素之間會(huì)水平方向排列設(shè)置浮動(dòng)后，會(huì)從頁(yè)面的文檔流脫離默認(rèn)寬度是父級(jí)寬度的高度是后者的所有元素高度之和左浮動(dòng)寬度默認(rèn)是

CSS架構(gòu) 1.浮動(dòng)；

是以float屬性設(shè)置容器指定的位置

塊級(jí)元素；

不再獨(dú)占一行，多元素之間會(huì)水平方向排列設(shè)置浮動(dòng)后，會(huì)從頁(yè)面的文檔流脫離

示意圖；

內(nèi)聯(lián)元素；




呼延覺(jué)羅
愛(ài)新覺(jué)羅

示意圖；

清除浮動(dòng)；

以clear屬性來(lái)設(shè)置清除浮動(dòng)

示意圖；

高度塌陷；

在沒(méi)有給父級(jí)容器設(shè)置高度，而且設(shè)置子元素浮動(dòng)，父級(jí)失去高度

示意圖；

云服務(wù)器 GPU云服務(wù)器架構(gòu)之坑系列定位頁(yè)面 jsp 設(shè)置頁(yè)面之企業(yè)it架構(gòu)轉(zhuǎn)型之道

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

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

相關(guān)文章

【靜態(tài)頁(yè)面架構(gòu)】CSS之選擇器

摘要：架構(gòu)基本選擇器元素選擇器通過(guò)元素名稱定位頁(yè)面元素類選擇器通過(guò)元素的屬性定位頁(yè)面元素選擇器通過(guò)元素的屬性定位頁(yè)面元素屬性必須是唯一的通配符選擇器匹配當(dāng)前頁(yè)面中所有元素元素選擇器通過(guò)元素名稱定位頁(yè)面元素定位頁(yè)面中一類元素選擇器通過(guò)元素的屬性定位 CSS架構(gòu) 基本選擇器元素選擇器:通過(guò)元素名稱定位頁(yè)面元素類選擇器:通過(guò)元素的class屬性定位頁(yè)面元素 ID選擇器:通過(guò)元素的ID屬性定位...

Lowky 2019-08-29 16:32 評(píng)論0 收藏0
【靜態(tài)頁(yè)面架構(gòu)】CSS之鏈接和圖像

CSS架構(gòu) 一。鏈接: 鏈接元素:通過(guò)使用a元素的href屬性設(shè)置跳轉(zhuǎn)到指定頁(yè)面地址 a{ color: blue; text-decoration: none; } a:hover{ cursor:default; text-decoration:...

jlanglang 2019-08-29 16:32 評(píng)論0 收藏0
【靜態(tài)頁(yè)面架構(gòu)】HTML之布局

摘要：一布局水平居中第一種居中方式以屬性設(shè)置父級(jí)元素和設(shè)置行內(nèi)塊級(jí)元素將屬性設(shè)置父級(jí)元素設(shè)置文本內(nèi)容水平方向居中設(shè)置行內(nèi)塊級(jí)元素愛(ài)新覺(jué)羅呼延覺(jué)羅第二種居中方式以設(shè)置塊級(jí)元素和外邊距特性來(lái)設(shè)置外邊距實(shí)現(xiàn)水一.布局； 1.水平居中第一種居中方式；以text-align屬性設(shè)置父級(jí)元素和設(shè)置行內(nèi)塊級(jí)元素 body{ text-align: cente...

imtianx 2019-08-02 11:21 評(píng)論0 收藏0
構(gòu)建靜態(tài)頁(yè)面 之 [ 定位 ]

摘要：定位屬性表示設(shè)置定位絕對(duì)定位固定定位相對(duì)定位絕對(duì)定位表示設(shè)置絕對(duì)定位絕對(duì)定位的注意設(shè)置絕對(duì)定位后，當(dāng)前元素脫離文檔流如果指定元素的父級(jí)元素是元素該元素就是相對(duì)于當(dāng)前頁(yè)面的定位如果指定元素的父級(jí)元素不是元素，父級(jí)元素沒(méi)有開(kāi)啟定位該元素就定位 position屬性表示設(shè)置定位絕對(duì)定位固定定位相對(duì)定位絕對(duì)定位 position : absolute - 表示設(shè)置絕對(duì)定位...

bingchen 2019-08-29 16:31 評(píng)論0 收藏0
構(gòu)建靜態(tài)頁(yè)面 之 [ 定位 ]

摘要：定位屬性表示設(shè)置定位絕對(duì)定位固定定位相對(duì)定位絕對(duì)定位表示設(shè)置絕對(duì)定位絕對(duì)定位的注意設(shè)置絕對(duì)定位后，當(dāng)前元素脫離文檔流如果指定元素的父級(jí)元素是元素該元素就是相對(duì)于當(dāng)前頁(yè)面的定位如果指定元素的父級(jí)元素不是元素，父級(jí)元素沒(méi)有開(kāi)啟定位該元素就定位 position屬性表示設(shè)置定位絕對(duì)定位固定定位相對(duì)定位絕對(duì)定位 position : absolute - 表示設(shè)置絕對(duì)定位...

ISherry 2019-08-02 16:31 評(píng)論0 收藏0