css 相容性知識總結

2021-06-15 00:55:18 字數 2335 閱讀 7855

大部分知識點來著

1、ie6單獨識別

這個時候除ie6外其它瀏覽器設別margin-left:5px,ie6單獨識別

_margin-left:2px

2、ie7與ie6都識別

這個時候除ie6和ie7外,其它瀏覽器設別margin-left:5px,ie6和ie7識別*margin-left:2px

margin:auto = margin:auto auto auto auto;

margin:0 auto = margin:0 auto 0 auto;

margin:n m p q表示該元素上外邊距為n,右外邊距為m,下外邊距為p,左外邊距為q,即 margin:上 右 下 左 ,逆時針一圈。

詳情了解margin教程。

margin後面是有4個引數的。

例如:margin:1px 2px 3px 4px

分別表示 上(1px)、右(2px)、下(3px)、左(4px)。

如果只寫2個引數的話,比如:margin:1px 2px

那麼著是代表 上下都為1px 左右都為2px.

至於居中,很明顯,

margin:0 auto 是標準的寫法!常常我們使用margin:0 auto讓

div盒子布局居中

解決超出寬度或撐破div css布局方法

1、在文章中發布的時候將編輯縮小

2、通過對對應div的css來設定顯示的最寬寬度 推薦

3、通過css對設定寬度。

通過css來解決撐破div布局案例

通過css來控制**如下(cmcss是對應父級類名):

.cmcss

.cmcss img這種第一次載入時候不能顯示

直接通過對對應的div內的內容寬度設定**如下:

.cmcss img 寬度自定,但是不推薦此方法,因為設定後此div布局內的將全部寬度為500px,那樣將造成小的,被放大顯示模糊。

可以通過對設定最寬css可以使用max-width來設定,但是ie6不支援,但是可以使用瀏覽器的css hack來設定**如下

.cmcss img

說明:通過其他瀏覽器不支援帶「_」的css,但是ie6支援。剛好可以通過此css hack來實現對寬度的現在。這裡只能克服ie6顯示固定的寬度來符合其它版本的相容性。

擴充套件與提高

我們看區別不同瀏覽器css hack的**

區別ff,ie7,ie6:

background:orange;*background:green !important;*background:blue;

你可能要問了,為什麼不用「*」來代替「_」來區別ie6瀏覽器,這裡值得注意的是ie6和ie7都會解釋和識別「*」的,但是ie7對important的識別具有優先全,所以ie7在css**中有important將有優先識別並成為唯一性,所以在有important時候ie7和ie6前面都可以用「*」號,但是無論帶important在前或在後ie7將識別為唯一區別css hack。所以這裡沒有important的時候需要用另外ie6的css hack中「_」小寫半形下劃線。

1、cursor語法:

cursor: auto | crosshair | default | hand | move | help | wait | text | w-resize |s-resize | n-resize |e-resize | ne-resize |sw-resize | se-resize | nw-resize |pointer | url (url)

常用cursor游標說明

1)、div預設正常滑鼠指標

2)、div和div 文字選擇效果

3)、div 移動選擇效果

4)、div 手指形狀 鏈結選擇效果

5)、div設定物件為

2、cursor樣式效果圖

css cursor滑鼠游標指標樣式圖

3、滑鼠指標說明

cursor設定或檢索在物件上移動的滑鼠指標採用何種系統預定義的游標形狀。

4、布局結構

p /* css注釋: 設定滑鼠移動到html p物件時滑鼠變為文字選擇樣式 */

a /* css注釋: 設定滑鼠移動到a超連結物件時滑鼠變為手指形狀(鏈結選擇) */

body /* 設定滑鼠指標預設為乙個小 */

電腦相容性知識大全

由於電腦硬體產品的更新快,製作出來的產品效能又比較好,有很好電腦diy愛好者,不惜用重金打創自己的愛機也就是所謂的 相容機 電腦內部的元件都是分別由不同的廠家生產而組裝成的電腦就叫相容機,同時有一部分由於對硬體的不了解而配置了一台高階機也許就會出現硬體不相容的故障出現,我們今天具體來講解電腦相容性分...

CSS相容性總結

一.針對ie6的 important 必須寫在前面,例如 background 9c6 important background 999 二.css hack ie6 專用 height 100px ie7 專用 height 100px ie6 ie7 共用 height 100px ie7 ff...

CSS常見相容性問題總結

瀏覽器的相容性問題,通常是因為不同的瀏覽器對同一段 有不同的解析,造成頁面顯示不統一的情況。這裡談到的瀏覽器,主要指ie6 ie7 ie.firefox chrome opera safari 等。但更多的相容還是考慮ie6 ie7 ff之間的鬥爭 先來談談css hack 我們為了讓頁面形成統一的...