国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

css 定位及屬性 命名規范

JouyPub / 2227人閱讀

摘要:元素的位置通過以及屬性進行規定。如對齊樣式使用對齊目標的英文名稱。如標題欄樣式使用類別功能的方式命名。注意事項一律小寫盡量用英文不加中杠和下劃線盡量不縮寫,除非一看就明白的單詞推薦的書寫順序顯示屬性自身屬性文本屬性待續

定位

static 靜態定位(不對它的位置進行改變,在哪里就在那里)

默認值。沒有定位,元素出現在正常的流中(忽略 top, bottom, left, right 或者 z-index 聲明)。

fixed固定定位(參照物--瀏覽器窗口)---做 彈窗廣告用到生成固定定位的元素,相對于瀏覽器窗口進行定位。 元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。

relative(相對定位 )(參照物以他本身)

生成相對定位的元素,相對于其正常位置進行定位。

absolute(絕對定位)(除了static都可以,找到參照物-->與它最近的已經有定位的父元素進行定位)

生成絕對定位的元素,相對于 static 定位以外的第一個父元素進行定位。

元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定

z-index
z-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框架:

---- 用來定義一個框架;雙標簽
不能和 一起使用

rows、cols屬性

rows 定義行表示框架有多少行(取值 px / % / * )
cols 定義列表示框架有多少列(取值 px / % / * )

frame子框架

src 顯示的網頁的路徑
name 框架名
frameborder 邊框線(取值 0 / 1)
---- 表示框架中的某一個部分;單標簽,要跟結束標志

屬性</b> <p><noframes> 提供不支持框架的瀏覽器顯示body的內容;雙標簽</p> </p> <pre><frameset> <frame src=“” /> <frame src=“” /> <frame src=“” /> <noframes> <body>內容</body>