HTML5學習 day10 3 相容性概念

2021-07-23 15:05:08 字數 1420 閱讀 4402

ie6,ie7,ie8,谷歌瀏覽器,火狐瀏覽器

至於我們常用的瀏覽器的遨遊瀏覽器,qq,360採用的是計算機系統自帶的瀏覽器核心,所有只要相容以上幾類瀏覽器即可相容這些瀏覽器

css hack是通過在css樣式中加入一些特殊符號,讓不同的瀏覽器識別不同的符號(什麼瀏覽器識別什麼樣的符號都是有自己一套標準),以達到應用不同的css樣式的目的

例如

在ie6環境下測試下測試,最終顯示的寬度為200px,_width只有ie6能識別。

css hack還可以用來解決有些屬性在不同瀏覽器顯示不一致的問題。

1.屬性級hack 比如ie6能識別"_"和"*",ie7能識別"*",而火狐兩者都不能識別。

2.選擇器級hack,例如ie6能識別*html{};ie7能識別*+html{}或者*:first-child{}

html

*html

3.ie條件注釋hack

這個是微軟從ie5開始提供的一套非邏輯語言

例如:if ie]>**->endif]->

注意:條件注釋只有在ie條件下才能正常執行,在非ie下會當做注釋而忽略掉,我們可以通過注釋來載入不同注釋來載入不同的css,js,html和伺服器**。

屬性級hack具體表現:

color:red;所有瀏覽器都能夠識別

_color:red;只有ie6能識別

*color:red;只有ie6,ie7能識別

+color:red;只有ie6,ie7識別

*+color:red;只有ie6,ie7能識別

[color:red;只有ie6,ie7能識別

color:red\9;只有ie6,ie7,ie8,ie9能識別

color:red\9\0;只有ie8,ie9能識別

color:red !important;只有ie6識別不出來,其他都可以

*html #demo;只有ie6能識別

*+html #demo;只有ie7能識別

body:nth-of-type(1) #demo{};ie9+,ff3.5+,谷歌瀏覽器等都能識別

head:first-child+baody #ie7,ff+等都能識別

:root #demo()只有ie9能識別出來

if ie]>此處只有ie可見endif]-->

if ie 6]>此處只有ie6可見endif]-->

if ie 7]>此處只有ie7可見endif]-->

if !ie 6>非ie6的瀏覽器可見endif]-->

if gt ie 6>此處了除了ie6以上版本可見endif]-->

if lt ie 8>此處了小於ie8以上版本可見endif]-->

if !ie>非ie瀏覽器可見endif]-->

HTML5學習 day12 1 html布局

傳統web設計,不管瀏覽器具體是多少,網頁的布局就一直會按照最開始的布局來顯示。特點 固定死寬高。定義 就是為不同的螢幕解析度來定義不同的布局,並且在每個布局中頁面元素不隨視窗的大小而改變。其實質可以看做是靜態布局的乙個系列。也就是你看到的頁面,頁面的元素位置會發生變化,而大小不會發生變化 定義 實...

html5學習筆記day05

1.css選擇器 1 基本選擇器 2 層次選擇器 3 屬性選擇器 first name 4 偽類選擇器 hover first child last child nth child nth last child 5 偽元素選擇器 before after first letter first lin...

HTML5 學習筆記 day1

attribute和property 1.什麼是attribute?什麼是property?html預定義屬性和自定義屬性,統稱為attribute js原生物件的直接屬性,統稱為property 每乙個預定義的attribute都會有乙個property與之對應 2.什麼是布林值屬性?什麼是非布林...