HTML的基礎知識.關於css樣式表和樣式屬性的詳細介紹

這次帶給大家HTML的基礎知識.關於css樣式表和樣式屬性的詳細介紹，使用HTML的基礎知識css樣式表和樣式屬性的注意事項有哪些，以下就是實戰案例，一起來看一下。

一、position：fixed

    鎖定位置（相對於瀏覽器的位置），例如某些網站的右下角的彈出視窗。

二、position：absolute

    絕對位置：

    1.外層沒有position：absolute（或relative）；那麼p相對於瀏覽器定位，如下圖b（距離瀏覽器右邊框為50像素，距離下邊框為20像素）。

    2.外層有position：absolute（或relative）；那麼p相對於外層邊框定位，如下圖中bb（距離d的右邊框50像素，距離d的下邊框為20像素） 。

三、position：relative

相對位置：

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

四、分層（z-index）

    在z軸方向分層，可以理解為分成一疊紙，層數越高越靠。

在上面relative的範例中，我們看到了aa遮住了a，這是因為後寫程式碼的顯示層級越靠前，那麼在不改變程式碼順序的情況下如何讓a蓋住aa 。如下：

五、float：left、right

      Left、right時不用給他規定位置（left、top），直接相對於瀏覽器。若外部被包裹，相對於外部p的除去一行的位置的左上或右上顯示。

附加：1、

overflow：hidden；    //超出部分隐藏；scroll，显示出滚动条；
<p >
</p>   //截断流

         2、cursor：pointer   滑鼠指到上面時的形狀；

      看了這些案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

相關讀取：

HTML Form表單元素的詳解

#HTML文字格式化的實例詳解

html的特殊字元-css3 content:"特殊符號"應該如何使用

#

以上是HTML的基礎知識.關於css樣式表和樣式屬性的詳細介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！