国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

CSS黑科技補(bǔ)充篇

LeanCloud / 2151人閱讀

摘要：原文來(lái)自繼上一次寫的黑科技之后，這次貌似還專門去找了一些中可能還是比較不太會(huì)引起開發(fā)者注意的屬性。其實(shí)在中，你可以使用這個(gè)屬性來(lái)指定相應(yīng)的樣式，比如上面這一行聲明就可以將元素中的空單元格隱藏起來(lái)。暫時(shí)就補(bǔ)充這么多

  
原文來(lái)自：https://jellybool.com/post/css-that-you-may-not-know-part-2

繼上一次寫的CSS黑科技之后，這次貌似還專門去找了一些CSS中可能還是比較不太會(huì)引起開發(fā)者注意的屬性。

empty-cells

其實(shí)在table中，你可以使用empty-cells這個(gè)屬性來(lái)指定相應(yīng)的樣式，比如：

table {
  empty-cells: hide;
}

上面這一行聲明就可以將table元素中的空單元格隱藏起來(lái)。

border-image

其實(shí)這個(gè)在開發(fā)中可能會(huì)比較少見到，如果不是我特意去看文檔，真心不會(huì)發(fā)現(xiàn)還有這個(gè)border-image，沒(méi)錯(cuò)，就如名字的意思一樣，你可以給border指定image：

.border-image-example {  
    -webkit-border-image: url(border-image.jpg) 45 20 45 30 repeat;  
    -moz-border-image: url(border-image.jpg) 45 20 45 30 repeat;  
    border-image: url(border-image.jpg) 45 20 45 30 repeat;
}
text-decoration

在習(xí)慣了對(duì)text-decoration賦值為none之后，我們需要重新來(lái)認(rèn)識(shí)一下這一位小伙伴了，它其實(shí)是可以接受三個(gè)變量聲明：

a {
  text-decoration: overline aqua wavy;
}

這三個(gè)分別是代表：text-decoration-line， text-decoration-color 和 text-decoration-style

clip

可能很多人在剛開始使用clip的時(shí)候都是這樣寫的：

.example {
    clip: rect(110px, 160px, 170px, 60px);
}

然后很驚訝地發(fā)現(xiàn)竟然沒(méi)有起作用，為什么呢？所以在這里需要注意的地方是clip是只在position為absolute或position為fixed時(shí)候起作用的。

::first-letter

這個(gè)感覺(jué)比較神奇，雖然對(duì)于我們常用CSS修飾中文文本可能沒(méi)有很大的用處，不過(guò)我看到這個(gè)時(shí)候其實(shí)還是覺(jué)得比較意外的，竟然還有這個(gè)東西：




    I am sample text

然后CSS可以這樣寫：

.text::first-letter {
  color: blue;
  background: yellow;
}

第一個(gè)字母I就會(huì)被修飾到，很神奇。暫時(shí)就補(bǔ)充這么多....

Happy Hacking

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

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

相關(guān)文章

  • ## CSS 的黑科技

    摘要：所以在使用屬性選擇器的時(shí)候，注意大小寫問(wèn)題。目前就只覺(jué)得這些黑科技需要提醒自己一下，有可以補(bǔ)充。 原文來(lái)自：https://jellybool.com/post/css-that-you-may-not-know 補(bǔ)充篇在這里 http://segmentfault.com/a/1190000003029085 昨天由于某些原因沒(méi)有寫博客，之前說(shuō)好的每天一篇的，這篇...

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

  • CSS開發(fā)

    摘要：譯十六進(jìn)制顏色揭秘原文地址原文作者譯文出自掘金翻譯計(jì)劃本文永久鏈接教程入門篇關(guān)于是一款進(jìn)行柵格布局的輔助工具，它讓開發(fā)者擺脫了冗雜的數(shù)學(xué)計(jì)算，同時(shí)降低了樣式與結(jié)構(gòu)的耦合程度。 【譯】CSS 十六進(jìn)制顏色揭秘 原文地址：CSS Hex Colors Demystified 原文作者：Dave Gash 譯文出自：掘金翻譯計(jì)劃 本文永久鏈接：https://github.com/xitu/...

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

  • 前端優(yōu)化 - 收藏集 - 掘金

    摘要：雖然有著各種各樣的不同，但是相同的是，他們前端優(yōu)化不完全指南前端掘金篇幅可能有點(diǎn)長(zhǎng)，我想先聊一聊閱讀的方式，我希望你閱讀的時(shí)候，能夠把我當(dāng)作你的競(jìng)爭(zhēng)對(duì)手，你的夢(mèng)想是超越我。 如何提升頁(yè)面渲染效率 - 前端 - 掘金Web頁(yè)面的性能 我們每天都會(huì)瀏覽很多的Web頁(yè)面，使用很多基于Web的應(yīng)用。這些站點(diǎn)看起來(lái)既不一樣，用途也都各有不同，有在線視頻，Social Media，新聞，郵件客戶端...

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

  • 細(xì)數(shù) JavaScript 實(shí)用黑科技(二)

    摘要：前言書接上文細(xì)數(shù)實(shí)用黑科技一本文介紹獨(dú)孤九劍和兩篇最高內(nèi)功心法。可以將變量轉(zhuǎn)換為布爾值。可以把任何類型的值轉(zhuǎn)換為布爾值，并且只有當(dāng)這個(gè)變量的值為的時(shí)候才會(huì)返回，其他情況都返回。同樣的，函數(shù)體內(nèi)部聲明的函數(shù)，作用域綁定函數(shù)體內(nèi)部。 showImg(https://segmentfault.com/img/remote/1460000016507838); 前言 書接上文：細(xì)數(shù) JavaS...

    馬忠志 評(píng)論0 收藏0

  • CSS 黑魔法小技巧，讓你少寫不必要的JS，代碼更優(yōu)雅

    摘要：利用用和來(lái)做表單即時(shí)校驗(yàn)需求讓表單檢驗(yàn)變得簡(jiǎn)單優(yōu)雅，不需要寫冗長(zhǎng)的代碼來(lái)校驗(yàn)設(shè)置樣式豐富了表單元素，提供了類似等表單元素屬性。不知細(xì)葉誰(shuí)裁出，二月春風(fēng)似剪刀。首先，你需要先了解一下漸變的使用技巧。 之前不久，由于自己平時(shí)涉獵還算廣泛，總結(jié)了一篇博客：這些JavaScript編程黑科技，裝逼指南，高逼格代碼，讓你驚嘆不已，沒(méi)想到受到了大家的歡迎，有人希望能博主還能整理個(gè) CSS 的一些黑...

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

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

0條評(píng)論

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