css教程:CSS關于顯示的分類屬性的應用示例_CSS教程

      編輯Tag賺U幣
      教程Tag:暫無Tag,歡迎添加,賺取U幣!
      The CSS classification properties allow you to specify how and where to display an element.
      CSS分類屬性答應你指定元素怎樣顯示并在哪顯示。


      怎樣顯示一元素 How to display an element
      This example demonstrates how to display an element.
      Examples 實例:
      代碼調試框 [www.wf0088.com]

      [ 可先修改部分代碼 再運行查看效果 ]


      一個簡單的浮動屬性 A simple use of the float property
      Let an image float to the right in a paragraph.
      Examples 實例:
      代碼調試框 [www.wf0088.com]

      [ 可先修改部分代碼 再運行查看效果 ]


      一個帶邊框和邊距的圖片浮動到一個段落的右邊 An image with border and margins that floats to the right in a paragraph
      Let an image float to the right in a paragraph. Add border and margins to the image.
      Examples 實例:
      代碼調試框 [www.wf0088.com]

      [ 可先修改部分代碼 再運行查看效果 ]


      帶說明的圖片浮動到右邊 An image with a caption that floats to the right
      Let an image with a caption float to the right.
      Examples 實例:
      代碼調試框 [www.wf0088.com]

      [ 可先修改部分代碼 再運行查看效果 ]


      讓一段落的第一個字符浮動到左邊 Let the first letter of a paragraph float to the left
      Let the first letter of a paragraph float to the left and style the letter.
      Examples 實例:
      代碼調試框 [www.wf0088.com]

      [ 可先修改部分代碼 再運行查看效果 ]


      建立一水平菜單 Creating a horizontal menu
      Use float with a list of hyperlinks to create a horizontal menu.
      Examples 實例:
      代碼調試框 [www.wf0088.com]

      [ 可先修改部分代碼 再運行查看效果 ]


      使用float來建立一個帶有標題,腳標,左內容和主內容的首頁 Creating a homepage without tables
      Use float to create a homepage with a header, footer, left content and main content.
      Examples 實例:
      代碼調試框 [www.wf0088.com]

      [ 可先修改部分代碼 再運行查看效果 ]


      樣式讓元素相對于它的原始位置來進行相對定位 Position:relative
      This example demonstrates how to position an element relative to its normal position.
      Examples 實例:
      代碼調試框 [www.wf0088.com]

      [ 可先修改部分代碼 再運行查看效果 ]


      如何使用絕對值來定位一個元素 Position:absolute
      This example demonstrates how to position an element using an absolute value.
      Examples 實例:
      代碼調試框 [www.wf0088.com]

      [ 可先修改部分代碼 再運行查看效果 ]


      怎樣使一元素不可見 How to make an element invisible
      This example demonstrates how to make an element invisible. Do you want the element to show or not?
      Examples 實例:
      代碼調試框 [www.wf0088.com]

      [ 可先修改部分代碼 再運行查看效果 ]


      如何改變游標的樣子 Change the cursor
      This example demonstrates how to change the cursor.
      Examples 實例:
      代碼調試框 [www.wf0088.com]

      [ 可先修改部分代碼 再運行查看效果 ]


      The CSS classification properties allow you to control how to display an element, set where an image will appear in another element, position an element relative to its normal position, position an element using an absolute value, and how to control the visibility of an element.
      CSS類別屬性答應你控制元素的顯示效果,設置圖象將在顯示在另一元素的哪個位置,相對于元素正常位置的定位,以絕對值來定位一元素,并控制元素的可見性。

      來源:無憂整理//所屬分類:CSS教程/更新時間:2006-11-11
      相關CSS教程