麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

今天在這里我主要記載的是，相對定位和絕對定位的應用

#header {/*頭部圖片*/    height:109px;    background:#000 url(images/header_bg.jpg) no-repeat;    position:relative;/*相對定位*/}#logo {/*圖片上的第一行文字*/    font-size:17px;    top:30px;    left:216px;    width:300px;    color:#FC0;    letter-spacing:3px;    font-weight:normal;    position:absolute;/*絕對定位*/}#tagline {/*圖片上的第二行文字*/    top:50px;    left:216px;    width:300px;    color:#FC0;    font-weight:normal;    position:absolute;/*絕對定位*/}

  如果我們去掉相對定位跟絕對定位，即去掉：

 position:relative;/*相對定位*position:absolute;/*絕對定位*/會是怎樣的呢？我們來看下效果：

它就木有辦法很好的相對于頭部圖片定位，那兩句代碼的意思就是，將文字（這里是文字而已，也可是圖片）相對于id為header的圖片進行絕對定位。當然你完全使用絕對定位也行，但是本人不推薦使用這種，因為如果這圖片不是在頂部，而是其它地方，使用絕對定位，方位不是很精確就能控制的，當然慢慢調還是可以的。

順便在記載一下，昨天看得用JavaScript動態控制網頁元素的幾種常用方法：

1、getElementById()和getElementByTagName()用來檢索文檔結構和內容。

2、createElement()創建元素例如：document.createElement（"p"）;//創建一個文本節點

3、createTextNode（）創建文本節點

4、appendChild（）為某特定節點添加子節點 例如：document.getElementById("id").appendChild（"p"）;