css基礎
[b]css優先級:[/b]
div 1
.class 10
#id 100
style 1000
[b]position:[/b]
relative(相對定位,以自己爲參照物移動 不脫離文檔流)
absolute(選取其最近的父級定位元素做參照物來定位,脫離文檔流)
fixed(以瀏覽器爲參照物定位 脫離文檔流)----[b]不受瀏覽器分辨率設置等因素影響[/b]
static(沒有特別的設定,遵循基本的定位規定)
下面是三個瀏覽器的兼容性收集.
第一種,是CSS HACK的方法
height:20px; /*For Firefox*/
*height:25px; /*For IE7 & IE6*/
_height:20px; /*For IE6*/
div 1
.class 10
#id 100
style 1000
[b]position:[/b]
relative(相對定位,以自己爲參照物移動 不脫離文檔流)
absolute(選取其最近的父級定位元素做參照物來定位,脫離文檔流)
fixed(以瀏覽器爲參照物定位 脫離文檔流)----[b]不受瀏覽器分辨率設置等因素影響[/b]
static(沒有特別的設定,遵循基本的定位規定)
下面是三個瀏覽器的兼容性收集.
第一種,是CSS HACK的方法
height:20px; /*For Firefox*/
*height:25px; /*For IE7 & IE6*/
_height:20px; /*For IE6*/
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
網頁爬蟲開發:使用Scala和PhantomJS訪問知乎
原創
2024-05-31 00:11:23
如何使用前端表格控件實現多數據源整合?
原創
2024-05-29 10:45:31
界面組件Kendo UI for Angular教程 - 構建強大的PDF閱讀器(二)
原創
2024-05-28 12:19:07
音頻鏈接抓取技術在Lua中的實現
原創
2024-05-28 00:07:25
使用 Spring Cloud Alibaba AI 構建 RAG 應用
原創
2024-05-27 21:13:51
使用JavaScript日曆小部件和DHTMLX Gantt的應用場景(三)
原創
2024-05-27 12:19:39
5款可以將錄屏轉換成動圖的錄屏轉GIF軟件工具介紹
噓噓者
2024-05-24 12:56:36
WordPress登錄出現"Cookies被阻止或者您的瀏覽器不支持"的原因及解決辦法
噓噓者
2024-05-24 12:56:35
Python實現大麥網搶票的四大關鍵技術點解析
原創
2024-05-23 00:18:04
Java實現抓取在線視頻並提取視頻語音爲文本
原創
2024-05-22 11:56:46
H5按需加載探索——Webpack模塊化示例
原創
2024-05-22 11:10:06
Selenium與PhantomJS:自動化測試與網頁爬蟲的完美結合
原創
2024-05-22 00:09:17
一鍵自動化博客發佈工具,用過的人都說好(頭條篇)
原創
2024-05-21 21:38:49
探討篇(二):分層架構的藝術 - 打造合理且高效的架構體系
原創
2024-05-20 23:55:42