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