div+css 知識積累

來源:互聯網
上載者:User

#:瀏覽器分為兩種:ie(不遵循w3c標準)  非ie(遵循w3c標準)  不過ie系列正在向w3c標準靠近

1.body  margin:0px可以使周圍無縫隙;

2.定義背景圖片:

{

   background-image:url('bgimage.gif');

   background-repeat:no-repeat;

   background-attachment:fixed; //屬性設定背景映像是否固定或者隨著頁面的其餘部分滾動

   background-position:center;

}

background-position屬性設定背景映像的起始位置。提示:您需要把 background-attachment 屬性設定為 "fixed",才能保證該屬性在 Firefox 和 Opera 中正常工作,預設值0% 0%

·         top left

·         top center

·         top right

·         center left

·         center center

·         center right

·         bottom left

·         bottom center

·         bottom right

如果您僅規定了一個關鍵詞,那麼第二個值將是"center"。

預設值:0% 0%。

x% y%

第一個值是水平位置,第二個值是垂直位置。

左上方是 0% 0%。右下角是 100% 100%。

如果您僅規定了一個值,另一個值將是 50%。

3.設定一個長寬固定的div,背景圖片不夠長或寬都會重複,而過長或過寬則無法完全顯示

4.position:屬性規定元素的定位類型。

描述
absolute

產生絕對位置的元素,相對於 static 定位以外的第一個父元素進行定位。

元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。

fixed

產生絕對位置的元素,相對於瀏覽器視窗進行定位。

元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。

relative

產生相對定位的元素,相對於其正常位置進行定位。

因此,"left:20" 會向元素的 LEFT 位置添加 20 像素。

static 預設值。沒有定位,元素出現在正常的流中(忽略 top, bottom, left, right 或者 z-index 聲明)。
inherit 規定應該從父元素繼承 position 屬性的值。

style="position:relative;
top:318px;
left:-10px;
height:18px;
width:180px;
text-align:left;"

#:連結中title的屬性 <a href="#" title="hello...">測試</a>

5.……~\(≧▽≦)/~啦啦啦 學習中待續……

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.