樣式注意事項

2021-07-27 22:48:45 字數 1337 閱讀 1029

css樣式相容性問題

color:red;   /* 所有瀏覽器都支援 */ 

color:red !important;   /* firefox、ie7支援 */

_color:red;    /* ie6支援 */

*color:red;    /* ie6、ie7支援 */

*+color:red;    /* ie7支援 */

color:red\9;    /* ie9以上支援 */

color:red\0;    /* ie支援 */  

input:-webkit-autofill   //清除chrome 自動填充的表單是淡黃色的背景

white-space:nowrap; overflow:hidden; text-overflow:ellipsis;   字型超出顯示省略號  三個條件都需要滿足

text-indent:-9999em; 字隱藏

text-transform:uppercase; 字母全部大寫

dashed   邊框虛線

italic   字型斜體

text-shadow: 5px 5px 5px #ff0000;    

文字陰影    

2d旋轉  常用於箭頭方向

transform:rotate(9deg);    

旋轉方向

-ms-transform:rotate(9deg); /* internet explorer */

-moz-transform:rotate(9deg); /* firefox */

-webkit-transform:rotate(9deg); /* safari 和 chrome */

-o-transform:rotate(9deg); /* opera */

-moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1);  

縮放  常用於滑過效果

過渡效果

transition-property:width 1s linear 2s;  

過渡的css屬性名稱  過渡時間  曲線效果  從什麼時候開始

/* firefox 4 */

-moz-transition:width 1s linear 2s;

/* safari and chrome */

-webkit-transition:width 1s linear 2s;

/* opera */

-o-transition:width 1s linear 2s;

java DOM 注意事項

1.w3c把標籤內的文字部分也定義成乙個node 2.element物件代表的是xml文件中的標籤元素 繼承於node,亦是node的最主要的子物件 3.attr實際上是包含在element中的,它並不能被看作是element的子物件,因而在dom中attr並不是dom樹的一部分,所以node中的 ...

static注意事項

static關鍵字是c,c 中都存在的關鍵字,它主要有三種使用方式,其中前兩種只指在c語言中使用,第三種在c 中使用 c,c 中具體細微操作不盡相同,本文以c 為準 1 區域性靜態變數 2 外部靜態變數 函式 3 靜態資料成員 成員函式 下面就這三種使用方式及注意事項分別說明 一 區域性靜態變數 在...

CSS注意事項

一 寬度 高度 對齊方式請別忘記他們 只要你時刻記得 div css 不變形的秘密你已經掌握了 90 也有對齊方式哦!一定要掌握當 對齊方式不同是 布局出現的問題!左右左 能不變形嗎?預設 是要換行的哦 div css的 居中對齊 是有條件的哦 所有當同級元素的對齊方式都為居中對齊的時候可以採用居中...