html5學習筆記(四)

2021-07-26 20:52:37 字數 378 閱讀 5677

在設計網頁過程中,我們元素之間必不可少的要使用到定位屬性,來進行元素的布局

常常在我們一開始布局時會使用*{padding:0px;margin:0px;等等}來進行全域性元素的一些初始化

在定位屬性中常常使用為:

position:relative 相對定位 占有空間,能使以它為絕對定位的屬性做參照物

position:absulte 絕對定位 不占有空間,經常使用 能方便元素布局

z-index 代表元素覆蓋的優先級別 就好像蓋樓 例如:

z-index:100; z-index:101;中101的會覆蓋100的元素 樓層越高 優先順序越高

在絕對定位中 有四個屬性使用 top,right,bottom,left

HTML5學習筆記(四)

html5 canvas 續 一 替代內容 在訪問頁面時,如果瀏覽器不支援canvas元素,那麼就需要提供乙份替代 來告知訪問者出現的問題。下面這段 就是實現這一功能 update yourbrowser tp enjoy canvas 在不支援canvas的ie8.0中開啟,效果如下 二 檢測瀏覽...

HTML5學習筆記一 簡單學習HTML5

html 是用來描述網頁的一種語言。html5 是下一代 html 標準。html html 4.01的上乙個版本誕生於 1999 年。自從那以後,web 世界已經經歷了巨變。html5 仍處於完善之中。然而,大部分現代瀏覽器已經具備了某些 html5 支援。html5 中的一些有趣的新特性 看一下...

HTML5學習筆記一 簡單學習HTML5

html 是用來描述網頁的一種語言。html5 是下一代 html 標準。html html 4.01的上乙個版本誕生於 1999 年。自從那以後,web 世界已經經歷了巨變。html5 仍處於完善之中。然而,大部分現代瀏覽器已經具備了某些 html5 支援。html5 中的一些有趣的新特性 看一下...