国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 網(wǎng)站 > 網(wǎng)頁設(shè)計 > 正文

標準網(wǎng)頁制作 步驟簡介

2024-08-30 08:36:23
字體:
供稿:網(wǎng)友
我們先來看看最終效果圖吧~

標準網(wǎng)頁制作 步驟簡介

今天在這里我主要記載的是,相對定位和絕對定位的應(yīng)用

#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;/*絕對定位*/}

  如果我們?nèi)サ粝鄬Χㄎ桓^對定位,即去掉:

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

標準網(wǎng)頁制作 步驟簡介

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

順便在記載一下,昨天看得用JavaScript動態(tài)控制網(wǎng)頁元素的幾種常用方法:

1、getElementById()和getElementByTagName()用來檢索文檔結(jié)構(gòu)和內(nèi)容。

2、createElement()創(chuàng)建元素例如:document.createElement("p");//創(chuàng)建一個文本節(jié)點

3、createTextNode()創(chuàng)建文本節(jié)點

4、appendChild()為某特定節(jié)點添加子節(jié)點 例如:document.getElementById("id").appendChild("p");


發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 黄梅县| 永春县| 澄迈县| 邵阳县| 安达市| 吴江市| 灵山县| 老河口市| 察雅县| 禹城市| 建昌县| 莱西市| 渝中区| 鲜城| 蒙城县| 长沙县| 长汀县| 封开县| 茶陵县| 浮山县| 江孜县| 恩施市| 贞丰县| 靖安县| 通州区| 西平县| 灵台县| 郎溪县| 永兴县| 建水县| 乾安县| 宁津县| 宝清县| 万盛区| 阜阳市| 封丘县| 浦城县| 德安县| 精河县| 张家港市| 措美县|