youjizzxxxx18,国产精品啪视频,久久99精品久久久久久水蜜桃

網(wǎng)頁(yè)的本質(zhì)就是超級(jí)文本標(biāo)記語(yǔ)言，通過(guò)結(jié)合使用其他的Web技術(shù)（如：腳本語(yǔ)言、公共網(wǎng)關(guān)接口、組件等），可以創(chuàng)造出功能強(qiáng)大的網(wǎng)頁(yè)。因而，超級(jí)文本標(biāo)記語(yǔ)言是萬(wàn)維網(wǎng)（Web）編程的基礎(chǔ)，也就是說(shuō)萬(wàn)維網(wǎng)是建立在超文本基礎(chǔ)之上的。超級(jí)文本標(biāo)記語(yǔ)言之所以稱為超文本標(biāo)記語(yǔ)言，是因?yàn)槲谋局邪怂^“超級(jí)鏈接”點(diǎn)。

【實(shí)例介紹】

css position元素的定位屬性

在CSS布局中，position屬性非常重要，很多特殊容器的定位必須用position來(lái)完成。通過(guò)使用position屬性，我們可以選擇4種不同類型的定位。

【基本語(yǔ)法】

【語(yǔ)法介紹】

從上面的語(yǔ)法可以看出，定位的方法有很多種，它們分別是靜態(tài)定位(static)、絕對(duì)定位(absolute)、固定定位(fixed)和相對(duì)定位(relative)，其具體功能如表所示。

position的屬性及其功能說(shuō)明

position的屬性              功能說(shuō)明
aboslute                         生成絕對(duì)定位的元素，相對(duì)于static定位以外的第一個(gè)父元素進(jìn)行定位。元素的位置通過(guò)left、top、right以及bottom屬性進(jìn)行規(guī)定
fixed                                 生成固定定位的元素，相對(duì)于瀏覽器窗口進(jìn)行定位。元素的位置通過(guò)left、top、right以及bottom屬性進(jìn)行規(guī)定
relative                            生成相對(duì)定位的元素，相對(duì)于其正常位置進(jìn)行定位
static                                默認(rèn)值。沒(méi)有定位，元素出現(xiàn)在正常的流中

【實(shí)例代碼】


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>position定位</title>
</head>
<style>
.box{ width:250px; height:250px; 
position:absolute; top:150px; left:50px; 
background:#F93; font-family: "宋體"; color:# 03}
</style>
<body>
<div class="box">這里的box在設(shè)置了position:absolute后，
是以body的左上角為原始點(diǎn)定位的。</div>
</body>
</html>

【代碼分析】

代碼加粗的部分使用position設(shè)置為絕對(duì)定位，并且設(shè)置距離左側(cè)1 50像素，距離頂部50像素。這里的box在設(shè)置了position：absolute后，是以body的左上角為原始點(diǎn)定位的，如圖所示。

元素的定位屬性position運(yùn)行效果

【素材及源碼下載】

請(qǐng)點(diǎn)擊：元素的定位屬性css position 下載本實(shí)例相關(guān)素材及源碼

網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ)，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。

溫馨提示：喜歡本站的話，請(qǐng)收藏一下本站！

當(dāng)前位置:蘿卜系統(tǒng)下載站 > 網(wǎng)頁(yè)設(shè)計(jì)教程 > 詳細(xì)頁(yè)面

css position元素的定位屬性

本類教程下載

系統(tǒng)下載排行