「趣圖」這是我用CSS修好的5em的眉毛,不喜勿噴

2021-03-02 程式設計師小助手

閱讀本文前，請您先點擊上面的藍色字體，再點擊「關注」，這樣您就可以收到最新的內容了。每天都有分享，完全是免費訂閱，請放心關注。  

【圖一】

CSS樣式，5px寫成5em啥效果，

呶，這女娃子的眉毛就是特效[奸笑][呲牙][左哼哼]

【圖二】

移除項目中「無用的代碼」，

這貌似是在優化，

也有可能將開發者置於危險的境地，

好比伐木累~~

【圖三】

老師對調皮的學生說，

我要重重地懲罰你，

回去寫一百遍「I’m sorry」！

普通學生一五一十地寫完了，

費了九牛二虎之力。

程式設計師果然愛偷懶，

5分鐘完成的任務就已經開始考慮自動化了，

這不，一個for循環，秒秒鐘搞定。

不知道老師那兒能不能通過。

我是@程式設計師小助手，關注我，持續更新每日科技熱點。

歷史文章精選

1 「趣圖」程式設計師說，樹，要倒過來才好看！路人蒙了

2 「趣圖」我的前任怕 commit 代碼，而你一年 GitHub 87365 次提交！

3 「趣圖」感謝 POSIX，感謝 GNU，沒有你們就沒有今天的 Linux！

4 「趣圖」!important，css js 用法咋就完全相反呢？設計者被噴慘

5 「趣圖」寫得多，錯的多，bug更多，軟體開發就沒有好的辦法？

您一讚賞，我就寫的更來勁兒了！

相關焦點

  • 「趣圖」!important,css js 用法咋就完全相反呢?設計者被噴慘
    important在我告訴你它到底是css，還是javascript之前，你永遠不知道它是什麼意思。css說，這非常重要，排在第一位；js說，這個不重要，是否定句。同時前端片刻不能離開的句子，相愛相殺到何時。
  • 「css基礎」一次搞懂CSS 字體單位:px、em、rem 和 %
    目前我們接觸的範圍來說，若要把單位做區分，最簡單可以分為「網頁」和「印刷」兩大類，通常對於CSS來說只會應用到網頁的樣式，畢竟真正要做印刷，還是會傾向通過排版軟體來進行設計。以下將展示四種不同單位的示例，為了直觀簡單，四個示例都套用預設的div格式，純粹改變font-size看看有何不同，由於子元素若沒有設定font-size，會自動繼承父元素的font-size，使用上就應該要預先初始化字體大小，下面這兩段CSS可以將所有的元素字體大小預設為16px，接下來可以進行個別調整。
  • CSS 巧用 :before和:after
    今天主要想在這篇學習筆記中寫的也不多，主要是針對:before和:after寫一些內容，還有幾個小樣式略微帶過的介紹下。什麼是:before和:after？ 該如何使用他們？:before是css中的一種偽元素，可用於在某個元素之前插入某些內容。:after是css中的一種偽元素，可用於在某個元素之後插入某些內容。
  • 有趣的CSS小示例:好看的皮囊千篇一律,有趣的靈魂萬裡挑一
    border-radius 生成的形狀加投影時，用 box-shadow 都可以解決，如下圖：但是，當元素添加了一些偽元素或半透明的裝飾之後，box-shadow就有些 力不從心了，因為 border-radius 會無恥地忽視透明部分。
  • CSS工程化
    j : javascript，表示這個樣式沒有實際意義，是專門提供給js獲取元素使用的「css in js」這個方案賊大膽，它覺得，css語言本身幾乎無可救藥了，乾脆直接用js對象來表示樣式，然後把樣式直接應用到元素的style中
  • 我發現了7個關於 CSS backgroundImage 好用的技巧
    大多數人認為背景圖像不可能有任何不尋常的地方，但經過研究，答案並非如此。所以本文收集了七個我認為最有用的技巧，並創建了一些代碼示例。;/div> <div></div></body>「css」body { margin: 0; padding: 0;}div {
  • 妹子:不這樣可能我連門都不會出,個人習慣不喜勿噴!
    1、這隻蚊子直到死去的那一刻，都不知道自己是怎麼死的。5、哪位告訴我大蔥是長在樹上的同學，你給我過來瞧瞧6、有趣的靈魂萬裡無一啊，這個乾脆麵真的很有意思7、別誤會，他們在KTV唱金剛經呢！8、磚還沒有搬完，老爸讓我回家看著收莊稼9、快樂的源泉，別人的朋友圈10、你為什麼視而不見呢11、在刷鞋這一塊，我還沒服過誰。不服來戰……12、擼串是要從小培養的！
  • 大膽預測NBA新賽季西部常規賽排名,不喜勿噴哈!
    大膽預測NBA新賽季西部常規賽排名，不喜勿噴哈！第三名開拓者，可以說不聲不響的補強了考文頓，坎特還有小瓊斯。第四名球隊我覺得是掘金。其實掘金正常來說可以排進前三，但是今年克雷格和格蘭特的出走，讓我對這支球隊沒有那麼太大的信心。
  • CSS新手閱讀的CSS技巧十則
    :1.5em;font-family:verdana,sans-serif;可以把它們全部寫到一行上去：font: bold italic small-caps 1em/1.5em verdana,sans-serif;這樣看起來是不是簡單多了，只有一點要提醒的：這種簡寫方法只有在同時指定font-size和font-family屬性時才起作用。
  • HTML+CSS=無限可能——案例詳解:我的POI主題作品
    這個頁面其實排版我還不太滿意，不過可能因為整體風格出來了，乍看上去視覺效果還不錯。具有美感的頁面設計，確實可以為頁面的最終效果加分。在找素材的時候我已經選好一張很喜歡的大尺寸圖片，就打算用它來做頁面的背景圖，並且決定了做成固定背景的單頁面。因為相對於POI主題來說，這張背景圖的色調最搭，它也最適合滿屏出現。
  • CSS樣式「程式設計師培養之路第六天」
    樣式，為了界面美觀，很多元素自帶margin、padding等樣式，但這些樣式在不同瀏覽器解析的值都不一樣，需要將css樣式重置，保證在不同瀏覽器顯示一致。如果不存在這樣的包含塊，則相對於body元素，即相對於瀏覽器窗口。
  • 《Soul at Stake》聚血腥暴力恐怖於一身,不喜勿噴
    《Soul at Stake》聚血腥暴力動作於一身，不喜勿噴雖然玩的不多，但是相比起黎明殺機的入坑時間和第五人格的遊玩度，再加上黑色星期五的觀賞時間（B站UP主的視頻），我覺得我還是有理由寫寫對於這些非對稱競技恐怖遊戲的測評的。首先第一點，這是個目前表現很有意思的遊戲。
  • 「趣說英語」今日首發 趣爍科技亮相網際網路教育
    10月26日，趣爍科技核心產品「趣說英語」產品發布會在上海中油陽光大酒店宴會廳舉行。發布會以一段小視頻開場，介紹了「趣說英語」產品設計的理念，即讓每一個中國人都可以輕鬆快樂地開口說英文。「趣說英語」的突出優勢在於其不單單是一款語言學習軟體，也是一套極具生活實用性的系統化課程。傳統口語教學往往脫離真實生活場景，而「趣說英語」 不走尋常路，真實再現了紐約生活的情境，有學堂、有職場，有旅遊景點，包羅萬象，不一而足。
  • 用一篇乾貨,讓你掌握「切圖標註」這個知識點!
    所以用固定長度 pt 作為開發單位的好處是：這樣可以統一圖形在同一種類不同型號設備上圖形的大小。而如果用 px 作為單位的話，就亂了套了，因為在不同像素密度的屏幕裡面，像素本身大小是不一樣的。如果還是聽不明白，看下面的圖就很清楚了：
  • JYFrontEndTutorial-html5+css3^1.0.0【第1節】
    第一節：【初識html5+css3 -1】版本：【 "JYadmin-html5+css3": "^1.0.0"】版本説明
  • 「學習筆記」HTML基礎
    這也是為什麼將js腳本放在底部而不是頭部。href是Hypertext Reference的縮寫，指向網絡資源所在位置，建立和當前元素（錨點）或當前文檔（連結）之間的連結。如果我們在文檔中添加那麼瀏覽器會識別該文檔為css文件，就會並行下載資源並且不會停止對當前文檔的處理。這也是為什麼建議使用link方式來加載css，而不是使用@import方式。
  • 最愚蠢的事情,就是糾結「他到底喜不喜歡我?」
    大家好，我是唐一。如果要說我被問到最多的情感問題，「他到底喜不喜歡我？」一定是前三沒跑的。我每天打開知乎和公眾號後臺，都要看到十幾條類似的問題：「他總是不回我信息，是不是不喜歡我？」「我發了朋友圈他都不點讚，一定是不喜歡我了！」「和一個男生認識了一個星期.（然後是幾百字的各種細節描述），他到底喜不喜歡我？」
  • (02)CSS 選擇器詳解 | CSS
    >前端一萬小時</em>》之：xxx</h1>   <p><em>本知識學習用時：2 小時……</em></p>  <p><strong><em>前言：</em></strong>Oli 是怎樣寫文章的……</p>  <h2&
  • 《暗魔領主》暗黑類刷怪遊戲,淺談個人遊戲感受,不喜勿噴!
    今天為大家推薦的是《暗魔領主》這是一款暗黑類刷刷刷遊戲。以下內容僅代表個人觀點，不喜勿噴！遊戲畫面，操作還是可以的，類似《戰魂銘人》、《魔淵之刃》。劇情什麼的等正式出了再作評價。建議加強錘子的傷害或者範圍，不然玩家就是個靶子，巨劍玩起來都比錘子好用。其次就是劍盾，同樣的傷害低，攻速慢，唯一一個帶盾的武器根本體驗不出盾牌的效果，硬剛？還不如帶太刀拼刀，除了被動挨打反擊就不能加個類似格擋的技能嗎？比如彈一閃，或者舉盾擋傷害之類的。 巨劍太刀還可以，中規中矩，不強也不差。
  • JavaScript中的CSS: CSSX
    然後，它將提供一個PAI來管理CSS規則。每一個與JavaScript交互的樣式表都將鏡像映射到<style>標記中。使用這種方法，可以將要動態改變樣式風格和JavaScript控制項緊密的耦合在一起。你也不需要定義新的CSS類，因為你在運行的時候，就動態的生成了需要的CSS規則。我更喜歡生成和注入的內聯樣式不是大規模的。這在技術上是容易實現的，但它只是不成規模。