摘要:元素的位置通過以及屬性進(jìn)行規(guī)定。如對(duì)齊樣式使用對(duì)齊目標(biāo)的英文名稱。如標(biāo)題欄樣式使用類別功能的方式命名。注意事項(xiàng)一律小寫盡量用英文不加中杠和下劃線盡量不縮寫,除非一看就明白的單詞推薦的書寫順序顯示屬性自身屬性文本屬性待續(xù)
定位
static 靜態(tài)定位(不對(duì)它的位置進(jìn)行改變,在哪里就在那里)
默認(rèn)值。沒有定位,元素出現(xiàn)在正常的流中(忽略 top, bottom, left, right 或者 z-index 聲明)。
fixed固定定位(參照物--瀏覽器窗口)---做 彈窗廣告用到生成固定定位的元素,相對(duì)于瀏覽器窗口進(jìn)行定位。 元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進(jìn)行規(guī)定。
relative(相對(duì)定位 )(參照物以他本身)
生成相對(duì)定位的元素,相對(duì)于其正常位置進(jìn)行定位。
absolute(絕對(duì)定位)(除了static都可以,找到參照物-->與它最近的已經(jīng)有定位的父元素進(jìn)行定位)
生成絕對(duì)定位的元素,相對(duì)于 static 定位以外的第一個(gè)父元素進(jìn)行定位。
元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進(jìn)行規(guī)定
z-indexz-index 屬性設(shè)置元素的堆疊順序。擁有更高堆疊順序的元素總是會(huì)處于堆疊順序較低的元素的前面。 定位的基本思想: 它允許你定義元素框相對(duì)于其正常位置應(yīng)該出現(xiàn)的位置,或者相對(duì)于父元素、另一個(gè)元素甚至瀏覽器窗口本身的位置。一切皆為框
塊級(jí)元素: div、h1或p元素 即:顯示為一塊內(nèi)容稱之為 “塊框“ ; 行內(nèi)元素: span,strong,a等元素 即:內(nèi)容顯示在行中稱 "行內(nèi)框"; 使用display屬性改變成框的類型 即:display:block; 讓行內(nèi)元素設(shè)置為塊級(jí)元素,display:none; 沒有框相對(duì)定位:
如果對(duì)一個(gè)元素進(jìn)行相對(duì)定位,它將出現(xiàn)在它所在的位置上。 通過設(shè)置垂直或水平位置,讓這個(gè)元素“相對(duì)于”它的起點(diǎn)進(jìn)行移動(dòng)
.adv_relative { position: relative; left: 30px; top: 20px; }絕對(duì)定位:
元素的位置相對(duì)于最近的已定位祖先元素,如果元素沒有已定位的祖先元素,它的位置相對(duì)于最初的包含塊。
.adv_absolute { position: absolute; left: 30px; top: 20px; }框架
frameset框架:
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/112512.html
摘要:目的為了提高工作效率,便于后臺(tái)人員添加功能及前端后期優(yōu)化維護(hù),輸出高質(zhì)量的文檔,在網(wǎng)站建設(shè)中,使結(jié)構(gòu)更加清晰,代碼簡明有序,有一個(gè)更好的前端架構(gòu)。基本準(zhǔn)則符合標(biāo)準(zhǔn),使用具有語義的標(biāo)簽,使結(jié)構(gòu)表現(xiàn)行為分離,兼容性優(yōu)良。目的:為了提高工作效率,便于后臺(tái)人員添加功能及前端后期優(yōu)化維護(hù),輸出高質(zhì)量的文檔,在網(wǎng)站建設(shè)中,使結(jié)構(gòu)更加清晰,代碼簡明有序,有一個(gè)更好的前端架構(gòu)。 基本準(zhǔn)則:符合web標(biāo)準(zhǔn),使...
摘要:規(guī)范目的為提高團(tuán)隊(duì)協(xié)作效率便于后臺(tái)人員添加功能及前端后期優(yōu)化維護(hù)輸出高質(zhì)量的文檔特制訂此文檔。 規(guī)范目的 為提高團(tuán)隊(duì)協(xié)作效率, 便于后臺(tái)人員添加功能及前端后期優(yōu)化維護(hù), 輸出高質(zhì)量的文檔, 特制訂此文檔。 文件規(guī)范 文件命名規(guī)則 文件名稱統(tǒng)一用小寫的英文字母、數(shù)字和下劃線的組合,其中不得包含漢字、空格和特殊字符;命名原則的指導(dǎo)思想一是使得你自己和工作組的每一個(gè)成員能夠方便的理解每一個(gè)...
摘要:規(guī)范目的為提高團(tuán)隊(duì)協(xié)作效率便于后臺(tái)人員添加功能及前端后期優(yōu)化維護(hù)輸出高質(zhì)量的文檔特制訂此文檔。 規(guī)范目的 為提高團(tuán)隊(duì)協(xié)作效率, 便于后臺(tái)人員添加功能及前端后期優(yōu)化維護(hù), 輸出高質(zhì)量的文檔, 特制訂此文檔。 文件規(guī)范 文件命名規(guī)則 文件名稱統(tǒng)一用小寫的英文字母、數(shù)字和下劃線的組合,其中不得包含漢字、空格和特殊字符;命名原則的指導(dǎo)思想一是使得你自己和工作組的每一個(gè)成員能夠方便的理解每一個(gè)...
摘要:規(guī)范目的為提高團(tuán)隊(duì)協(xié)作效率便于后臺(tái)人員添加功能及前端后期優(yōu)化維護(hù)輸出高質(zhì)量的文檔特制訂此文檔。 規(guī)范目的 為提高團(tuán)隊(duì)協(xié)作效率, 便于后臺(tái)人員添加功能及前端后期優(yōu)化維護(hù), 輸出高質(zhì)量的文檔, 特制訂此文檔。 文件規(guī)范 文件命名規(guī)則 文件名稱統(tǒng)一用小寫的英文字母、數(shù)字和下劃線的組合,其中不得包含漢字、空格和特殊字符;命名原則的指導(dǎo)思想一是使得你自己和工作組的每一個(gè)成員能夠方便的理解每一個(gè)...
摘要:書寫規(guī)范微軟雅黑網(wǎng)頁制作細(xì)節(jié)區(qū)代碼規(guī)范區(qū)是指代碼的和之間的內(nèi)容。 一、規(guī)范目的1.1 概述 ..................................................................................................................................... 1 二、...
閱讀 1377·2021-10-08 10:04
閱讀 2681·2021-09-22 15:23
閱讀 2724·2021-09-04 16:40
閱讀 1172·2019-08-29 17:29
閱讀 1492·2019-08-29 17:28
閱讀 2988·2019-08-29 14:02
閱讀 2221·2019-08-29 13:18
閱讀 838·2019-08-23 18:35