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

資訊專欄INFORMATION COLUMN

css 定位及屬性 命名規(guī)范

JouyPub / 2220人閱讀

摘要:元素的位置通過以及屬性進(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-index
z-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框架:

---- 用來定義一個(gè)框架;雙標(biāo)簽
不能和 一起使用

rows、cols屬性

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

frame子框架

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

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