成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

css 【實(shí)用】

CodeSheep / 522人閱讀

摘要：可以用來(lái)多行文本的情況下，用省略號(hào)隱藏超出范圍的文本。設(shè)置或檢索伸縮盒對(duì)象的子元素的排列方式。限制在一個(gè)塊元素顯示的文本的行數(shù)。

實(shí)用樣式

以下內(nèi)容： 要背 要背 要背 要背 要背 要背 要背 要背 要背 要背 要背 要背 要背 要背 要背 要背 要背 要背 要背 要背 

慎用寬高 盡量不要加 容易出現(xiàn) bug 及兼容問(wèn)題
清除浮動(dòng) 在浮動(dòng)的父級(jí)加
/* css */

.className::after{
    content:"";
    display: block;
    clear:both;
}
rem算法 
/* css */

html { font-size: 62.5%; } /* IE9以下兼容 */
body { font-size: 14px; font-size: 1.4rem; } /* =14px */
h1   { font-size: 24px; font-size: 2.4rem; } /* =24px */
單行溢出變點(diǎn)點(diǎn)： 
/* css */

.className{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
多行溢出變點(diǎn)點(diǎn)： 
/* css */

.className{
    overflow: hidden;    
    display: -webkit-box;               // 將對(duì)象作為彈性伸縮盒子模型顯示 。
    text-overflow: ellipsis;        // 可以用來(lái)多行文本的情況下，用省略號(hào)“...”隱藏超出范圍的文本 。
    -webkit-box-orient: vertical;       // 設(shè)置或檢索伸縮盒對(duì)象的子元素的排列方式 。
    -webkit-line-clamp: 2;              // 限制在一個(gè)塊元素顯示的文本的行數(shù)。

}
文字兩端對(duì)齊： 
css 

/* 中文文字兩端對(duì)齊 */

.className1{ 
    text-align:justify;
    text-justify:inter-ideograph
}

/* 英文文字兩端對(duì)齊 */
.className1{ 
    text-align:justify;
    text-justify:newspaper
}
css中如何讓第一個(gè)和最后一個(gè)不被選中? 
tr:not(:first-child):hover {
        background: #ffffdd;
    }
/* 如果上面的代碼出現(xiàn)問(wèn)題，使用下面的會(huì)更安全 或者 :not(class) */
.b:not(.b-n):hover {
    background: #ffffdd;
}
圖片變灰 與 原色 
/* css */

.gray {  //灰色
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    filter: grayscale(100%);
    
    filter: gray;
}

.init {  //原色
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    
    filter: grayscale(0%);
    
    filter: ;
}
清除a的默認(rèn)樣式 
/* css */

.className1{ 
    text-decoration:none;
    out-line:none;
}
點(diǎn)擊跳轉(zhuǎn)頁(yè)面 
/* html */

在新窗口跳轉(zhuǎn)至百度


在當(dāng)前窗口跳轉(zhuǎn)至百度

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/117482.html

相關(guān)文章

  • 實(shí)用的 CSS — 動(dòng)畫(huà)性能對(duì)比

    摘要：歡迎移步我的博客閱讀實(shí)用的動(dòng)畫(huà)性能對(duì)比前言在現(xiàn)代瀏覽器中，渲染頁(yè)面所要負(fù)責(zé)的線程主要有兩個(gè)主線程和排版線程。經(jīng)過(guò)上面的實(shí)驗(yàn)，我們對(duì)屬性有了比較好的了解同時(shí)我們對(duì)上述動(dòng)畫(huà)性能也有一個(gè)了解。 歡迎移步我的博客閱讀：《實(shí)用的 CSS — 動(dòng)畫(huà)性能對(duì)比》 前言 在現(xiàn)代瀏覽器中，渲染頁(yè)面所要負(fù)責(zé)的線程主要有兩個(gè)：主線程和排版線程。 主線程 運(yùn)行 JS 計(jì)算 HTML 元素的 CSS 樣式 布局...

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

  • CSS進(jìn)階篇--CSS實(shí)用技巧制作三角形

    摘要：實(shí)現(xiàn)如圖所示的三角形圖標(biāo)代碼樣式需要猛點(diǎn)該文字，百度云盤(pán)下載 實(shí)現(xiàn)如圖所示的三角形圖標(biāo)：showImg(https://segmentfault.com/img/bVpG2N); html代碼： css樣式： body{background:#faf7ef;} div{margin:20px auto} div.arrow-up { width:0px; height...

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

  • js實(shí)用方法記錄-js動(dòng)態(tài)加載css、js腳本文件

    摘要：測(cè)試動(dòng)態(tài)加載到標(biāo)簽并執(zhí)行回調(diào)方法調(diào)用加載成功動(dòng)態(tài)加載腳本地址回調(diào)函數(shù)加載樣式站中下載打開(kāi)方法測(cè)試頁(yè)面跳轉(zhuǎn)到微信中不能打開(kāi)其他安卓手機(jī)嘗試調(diào)用未指定需要打開(kāi)的可參考自定義協(xié)議參數(shù)轉(zhuǎn)換參考參數(shù)轉(zhuǎn)對(duì)象使用對(duì)象轉(zhuǎn)參數(shù) js實(shí)用方法記錄-動(dòng)態(tài)加載css/js 1.動(dòng)態(tài)加載js文件到head標(biāo)簽并執(zhí)行回調(diào)方法調(diào)用：dynamicLoadJs(http://www.yimo.link/static/...

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

  • js實(shí)用方法記錄-js動(dòng)態(tài)加載css、js腳本文件

    摘要：測(cè)試動(dòng)態(tài)加載到標(biāo)簽并執(zhí)行回調(diào)方法調(diào)用加載成功動(dòng)態(tài)加載腳本地址回調(diào)函數(shù)加載樣式站中下載打開(kāi)方法測(cè)試頁(yè)面跳轉(zhuǎn)到微信中不能打開(kāi)其他安卓手機(jī)嘗試調(diào)用未指定需要打開(kāi)的可參考自定義協(xié)議參數(shù)轉(zhuǎn)換參考參數(shù)轉(zhuǎn)對(duì)象使用對(duì)象轉(zhuǎn)參數(shù) js實(shí)用方法記錄-動(dòng)態(tài)加載css/js 1.動(dòng)態(tài)加載js文件到head標(biāo)簽并執(zhí)行回調(diào)方法調(diào)用：dynamicLoadJs(http://www.yimo.link/static/...

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

  • js實(shí)用方法記錄-js動(dòng)態(tài)加載css、js腳本文件

    摘要：測(cè)試動(dòng)態(tài)加載到標(biāo)簽并執(zhí)行回調(diào)方法調(diào)用加載成功動(dòng)態(tài)加載腳本地址回調(diào)函數(shù)加載樣式站中下載打開(kāi)方法測(cè)試頁(yè)面跳轉(zhuǎn)到微信中不能打開(kāi)其他安卓手機(jī)嘗試調(diào)用未指定需要打開(kāi)的可參考自定義協(xié)議參數(shù)轉(zhuǎn)換參考參數(shù)轉(zhuǎn)對(duì)象使用對(duì)象轉(zhuǎn)參數(shù) js實(shí)用方法記錄-動(dòng)態(tài)加載css/js 1.動(dòng)態(tài)加載js文件到head標(biāo)簽并執(zhí)行回調(diào)方法調(diào)用：dynamicLoadJs(http://www.yimo.link/static/...

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

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

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<