css static靜態定位屬性|蘿卜系統下載站

網頁的本質就是超級文本標記語言，通過結合使用其他的Web技術（如：腳本語言、公共網關接口、組件等），可以創造出功能強大的網頁。因而，超級文本標記語言是萬維網（Web）編程的基礎，也就是說萬維網是建立在超文本基礎之上的。超級文本標記語言之所以稱為超文本標記語言，是因為文本中包含了所謂“超級鏈接”點。

【實例介紹】

css static靜態定位屬性

如果沒有指定position屬性值，支持position屬性的html對象都是默認為static。static是默
認值，它表示塊保持在原本應該在的位置，不會重新定位。通常此屬性值可以不設置，除非是
要覆蓋之前的定義。

【基本語法】

【語法介紹】

【實例代碼】

下面給出一個實例代碼，沒有設置任何position屬性，相當于使用static方式的頁面，其代
碼如下。

<!DOCTYPE html PUBliC "-//W3C//DTD XHTML 1.0 Transitional//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>position屬性</title>
<style type="text/css">
body{
 margin:20px;
 font :Arial 12px;
}
#father{
 background-color:#FF9900;
 border:2px dashed #000000;
 padding:20px;
}
#block1{
 background-color:#FF99FF;
 border:1px dashed #000000;
 padding:10px;
}
</style>
</head>
<body>
 <div id="father">
  <div id="block1">box1</div>
 </div>
</body>
</html>
【代碼分析】

在瀏覽器中瀏覽，效果如圖18．16所示，這是一個很簡單的標準流方式的兩層盒子。

靜態定位

【素材及源碼下載】

請點擊：靜態定位(css static) 下載本實例相關素材及源碼

網站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。

溫馨提示：喜歡本站的話，請收藏一下本站！

當前位置:蘿卜系統下載站 > 網頁設計教程 > 詳細頁面

css static靜態定位屬性

本類教程下載

系統下載排行