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

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

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

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

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

塊級(jí)元素；

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

示意圖；

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




呼延覺羅
愛新覺羅

示意圖；

清除浮動(dòng)；

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

示意圖；

高度塌陷；

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

示意圖；

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

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

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

相關(guān)文章

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

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

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

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

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

摘要：一布局水平居中第一種居中方式以屬性設(shè)置父級(jí)元素和設(shè)置行內(nèi)塊級(jí)元素將屬性設(shè)置父級(jí)元素設(shè)置文本內(nèi)容水平方向居中設(shè)置行內(nèi)塊級(jí)元素愛新覺羅呼延覺羅第二種居中方式以設(shè)置塊級(jí)元素和外邊距特性來設(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)頁面之 [ 定位 ]

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

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

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

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