HTML 靜態網頁製作12月3日 格式與布局

2022-09-15 10:18:12 字數 2002 閱讀 1477

一、positionfixed

鎖定位置(相對於瀏覽器的位置),例如有些**的右下角的彈出視窗。

二、positionabsolute

1.外層沒有position:absolute(或relative);那麼div相對於瀏覽器定位。

2.外層有position:absolute(或relative);那麼div相對於外層邊框定位

三、positionrelative

相對位置。

如下圖,相對於把此div包含住的div的某個位置進行固定。如果外層沒有包含他的,那就相對於瀏覽器進行相對位置的固定。

四、分層(z-index

z軸方向分層,可以理解為分成一摞紙,層數越高越靠上。

五、

leftright時不用給他規定位置(lefttop),直接相對於瀏覽器。若外部被包裹,相對於外部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...