一、position:fixed
鎖定位置(相對於瀏覽器的位置),例如有些**的右下角的彈出視窗。
二、position:absolute
1.外層沒有position:absolute(或relative);那麼div相對於瀏覽器定位。
2.外層有position:absolute(或relative);那麼div相對於外層邊框定位
三、position:relative
相對位置。
如下圖,相對於把此div包含住的div的某個位置進行固定。如果外層沒有包含他的,那就相對於瀏覽器進行相對位置的固定。
四、分層(z-index)
在z軸方向分層,可以理解為分成一摞紙,層數越高越靠上。
五、
left、right時不用給他規定位置(left、top),直接相對於瀏覽器。若外部被包裹,相對於外部div的除去一行的位置的左上或右上顯示。
源**如下:
css樣式表:
<style
type
="text/css"
>*#a
/*div固定在上面兩個所規定好的位置
*/#aa
#b#c
#dstyle
>
<效果如下: 透明區域title
>無標題文件
title
>
<
link
href
="4.css"
rel="stylesheet"
type
="text/css"
/>
head
>
<
body
>
<
div
id="c"
>c
div>
<
div
id="d"
>
d<
div
id="b"
>b
div>
div>
<
div
id="a"
>a
div>
<
div
id="aa"
>aa
div>
body
>
html
>
在樣式表中的**為:
.box
opacity:0.5; -moz-opacity:0.5 ; filter:alpha(opacity=50)
使用html製作靜態網頁
網頁主要由三部分組成 分別為結構,表現和行為。xhtml 可擴充套件文字標籤語言,xhtml是一種基於xml的語言。xhtml是乙個扮演者類似html角色的xml。html提供了六級標題,分別為 字型大小最大,最小。影象型別 優點缺點 體積小,比較清晰 有失真壓縮 畫面失真 gif 支援intern...
靜態網頁製作html語言入門
ppppppppppp.row 1,col 1 row 1,col 2 row 2,col 1 row 2,col 2 儲存為test1.html 然後用瀏覽器開啟此檔案 輸出如下 html是製作靜態網頁的基本語言 html檔案是文字檔案 編輯好 以後,只要無錯,儲存為字尾為html的文字檔案 然後...
3月6日 3月12日 新聞採訪寫作
2 特殊性 1 目的 向大眾傳播 大眾約佔70 其特點是 空前繁雜,文化素質總體水平較低。這就要求新聞採訪要盡量的大眾化 通俗化 2 選題 a 大眾關心 a 重大事件 b 監督 c 服務性報道 b 普遍存在 不追求聳人聽聞 c 領導重視 乙個成功的新聞,其選題佔據40 的因素,時效佔30 採寫佔30...