成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

CSS 常用方法小計(jì)

avwu / 621人閱讀

摘要：清除浮動(dòng)是在處理兼容性問(wèn)題單行多行文字超出省略號(hào)多行單行移動(dòng)端刪除默認(rèn)的蘋果工具欄和菜單欄控制狀態(tài)欄顯示樣式頂部時(shí)間那一塊瀏覽器設(shè)置成急速模式頁(yè)面滾動(dòng)穿透當(dāng)彈出彈框的

1.清除浮動(dòng) 
1st:
.clear{
    clear:both; height: 0; line-height: 0; font-size: 0
}

2ed:
.over-flow{
    overflow: auto; zoom: 1; //zoom: 1; 是在處理兼容性問(wèn)題
}

3rd:
.outer {zoom:1;}    /*IE6/7*/
.outer :after {
    clear:both;content:".";display:block;
    width: 0;height: 0;visibility:hidden;
}   /*FF/chrome/opera/IE8*/
2.單行多行文字超出省略號(hào) 
多行：
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
word-break: break-all;

單行：
width: 500px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
3.移動(dòng)端meta 


apple-mobile-web-app-capable : 刪除默認(rèn)的蘋果工具欄和菜單欄
apple-mobile-web-app-status-bar-style : 控制狀態(tài)欄顯示樣式(頂部時(shí)間那一塊)


360瀏覽器設(shè)置成急速模式
4.頁(yè)面滾動(dòng)穿透 
當(dāng)彈出 彈框的時(shí)候，給body設(shè)置overflow: hidden;
$("body").css("overflow","hidden");

彈框消失的時(shí)候，overflow: initial;
$("body").css("overflow","initial");
5.垂直水平居中 
#parent {display: table}
#child{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

//css3
.verticalcenter{
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
6.單詞換行中間加上 
hyphens:auto
7.輸入框只能輸入數(shù)字
8.跨瀏覽器透明度 
.transparent {
    filter: alpha(opacity=50); /* internet explorer */
    -khtml-opacity: 0.5;      /* khtml, old safari */
    -moz-opacity: 0.5;       /* mozilla, netscape */
    opacity: 0.5;           /* fx, safari, opera */
}
9.CSS開(kāi)啟硬件加速 
.cube {
   -webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
   -ms-transform: translateZ(0);
   -o-transform: translateZ(0);
   transform: translateZ(0);
   /* Other transform properties here */
}

//webkit內(nèi)核
.cube {
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
  /* Other transform properties here */
}
10.Chrome and Safari中，使用CSS transforms 或者 animations閃爍 
.cube {
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   backface-visibility: hidden;
 
   -webkit-perspective: 1000;
   -moz-perspective: 1000;
   -ms-perspective: 1000;
   perspective: 1000;
   /* Other transform properties here */
}
11.placeholder 不垂直居中 
    line-height: normal;
    
    input::-webkit-input-placeholder { /* WebKit browsers */
      line-height: 1.5em;
    }
    input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
      line-height: 1.5em;
    }
    input::-moz-placeholder { /* Mozilla Firefox 19+ */
      line-height: 1.5em;
    }
    input:-ms-input-placeholder { /* Internet Explorer 10+ */
      line-height: 1.5em;
    }
12.placeholder 顏色 


:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #f00;  
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #f00;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #f00;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #f00;
}

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/115308.html

相關(guān)文章

  • 2018.12.24 無(wú)障礙學(xué)習(xí)小計(jì)

    摘要：在中的規(guī)范，包括關(guān)于角色可以使用哪些元素和不使用哪些元素的指導(dǎo)英不啟用將網(wǎng)頁(yè)某個(gè)部分標(biāo)記為，以便及時(shí)向用戶顯示更新內(nèi)容，而不是用戶瀏覽這部分網(wǎng)站時(shí)更新可能位于初始頁(yè)面加載中不同的屏幕閱讀器和輔助技術(shù)對(duì)不同更改的響應(yīng)不同，如果輔助技術(shù)不 ARIA 在 HTML 中的規(guī)范，包括關(guān)于 ARIA 角色可以使用哪些 HTML 元素和不使用哪些 HTML 元素的指導(dǎo) https://www.w3....

    Fundebug 評(píng)論0 收藏0

  • 2018.12.24 無(wú)障礙學(xué)習(xí)小計(jì)

    摘要：在中的規(guī)范，包括關(guān)于角色可以使用哪些元素和不使用哪些元素的指導(dǎo)英不啟用將網(wǎng)頁(yè)某個(gè)部分標(biāo)記為，以便及時(shí)向用戶顯示更新內(nèi)容，而不是用戶瀏覽這部分網(wǎng)站時(shí)更新可能位于初始頁(yè)面加載中不同的屏幕閱讀器和輔助技術(shù)對(duì)不同更改的響應(yīng)不同，如果輔助技術(shù)不 ARIA 在 HTML 中的規(guī)范，包括關(guān)于 ARIA 角色可以使用哪些 HTML 元素和不使用哪些 HTML 元素的指導(dǎo) https://www.w3....

    masturbator 評(píng)論0 收藏0

  • 2018.12.24 無(wú)障礙學(xué)習(xí)小計(jì)

    摘要：在中的規(guī)范，包括關(guān)于角色可以使用哪些元素和不使用哪些元素的指導(dǎo)英不啟用將網(wǎng)頁(yè)某個(gè)部分標(biāo)記為，以便及時(shí)向用戶顯示更新內(nèi)容，而不是用戶瀏覽這部分網(wǎng)站時(shí)更新可能位于初始頁(yè)面加載中不同的屏幕閱讀器和輔助技術(shù)對(duì)不同更改的響應(yīng)不同，如果輔助技術(shù)不 ARIA 在 HTML 中的規(guī)范，包括關(guān)于 ARIA 角色可以使用哪些 HTML 元素和不使用哪些 HTML 元素的指導(dǎo) https://www.w3....

    weapon 評(píng)論0 收藏0

  • 工作技術(shù)點(diǎn)小計(jì)14條 hybrid + animate 方向

    摘要：設(shè)置動(dòng)畫(huà)的時(shí)候直接設(shè)置和變化值不會(huì)起作用需要先設(shè)置等一小會(huì)再設(shè)置變化值安卓端窗口不可見(jiàn)時(shí)為關(guān)鍵幀圖片動(dòng)畫(huà)響應(yīng)式坑若設(shè)置的動(dòng)畫(huà)為中代表階段分五步階段分步達(dá)到關(guān)鍵幀響應(yīng)式設(shè)計(jì)方法為以為例圖片要按照計(jì)算后實(shí)際尺寸做動(dòng)畫(huà)然后在兩幀之間按照?qǐng)D的總幀 設(shè)置transition 動(dòng)畫(huà)的時(shí)候 , js直接設(shè)置duration 和 變化值不會(huì)起作用 , 需要先設(shè)置duration , 等一小會(huì)再設(shè)置變...

    mikasa 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<