文章庫ARTICLE COLUMN
摘要：鏈接下劃線是非常常見的一種樣式，最近做了一個非常簡單的視覺效果，非常不錯，可以點下面鏈接查看。最后設置動畫時間為，現(xiàn)在我們只需要設置元素在時顯示并且大功告成這樣就完成了一個很有活力的下劃線動畫 鏈接下劃線是非常常見的一種樣式，最近做了...
摘要：瀏覽器的兼容性如果龐統(tǒng)說是制作透明色透明背景色透明邊框色透明前景色等，大家不由會想起這個東西。 Background背景色透明RGBA時間:2013-03-16 00:44│來自: 信有UED│作者:JUN│點擊:9704次RGB不用說，大家都知道是什么，但RGBA是什么呢？ 1 2 backg...
摘要：初學者也許會對這句話嗤之以鼻，但隨著我學習的深入，漸漸意識這句話還是有一定道理的。然而，我們真的了解它嗎又是由什么來決定的首先推薦一篇文章，深入了解的行高屬性假設你已經(jīng)讀完了這篇文章并且已經(jīng)大致理解那么這張圖應該能看懂了。 HTML和CSS...
摘要：一插件官網(wǎng)二基本代碼側邊欄控制開關用一個標簽來控制側邊欄的開關。插件初始化最后則需要在標簽尾部加上初始化插件的代碼。另外側邊欄并不需要隨著頁面的上下滾動始終顯示在視口中，所以默認的這個語句并不需要。 一、 插件官網(wǎng) bigSlide.js 二、 基...
摘要：本文舉例說明在不同瀏覽器對中屬性顯示的不同。一代碼二不同瀏覽器的表示選取了分別測試，下文所有圖片從左至右順序均如前所述。若使不同瀏覽器顯示相同結果，可對或設置。我并沒有找到產生上述結果的原因，只能認為是不同瀏覽器處理結果的不同。 本文...
摘要：最后為了實現(xiàn)背景圖片鋪滿瀏覽器窗口的需求，將背景圖裁剪成了的比例，并且用屬性，這樣就可以滿足大部分的應用場景了。 今天在研究用 CSS 實現(xiàn)背景圖片鋪滿瀏覽器窗口的方法，先是在 StackOverflow 上找到一個方法 show full height background image...
摘要：為子元素設置屬性和，令子元素的頂部在縱向上與父元素中間的位置對齊。為子元素設置屬性，其中為子元素高度值的一半，相當于再將子元素向上移動其本身高度的一半距離，這樣就可以令其垂直居中了。 原文出處：Understanding vertical-align, or "How (N...
摘要：并排顯示，要求相同高度如果要求多個塊級元素并排居中且高度相同，則要為其父元素設置屬性。成一列顯示如果只是需要讓多個塊級元素整體水平居中，并且按默認的方式縱向排列，那直接設置左右邊距為即可。 原文出處：Centering in CSS: A Complete Guide...
摘要：嗒噠，什么屬性的元素有什么樣的層疊等級，按照這張圖上面的問題就簡單了，在負值上，在或正值之下。咦這里咋還有的事呢，還這么高等級捏這是因為內容要大于布局，不展開頂部有鑫旭大神的文章，里面有做介紹。 showImg("https://segmentfault.com/img/...
摘要：左右兩部分對稱顯示，屬性均為，屬性均為，屬性均為，屬性則分別為和。底部此部分的樣式設置與頂部導航欄的類似，只是需要將版權信息相關的文字在水平和垂直兩個方向上均居中對齊即可。 先來一張預覽圖。 showImg("https://segmentfault.com/img/bVwC3...
摘要：輸出在中，值表示一個空對象指針，而這正是使用操作符檢測值時會返回的原因。屬性規(guī)定必需在提交之前填寫輸入字段。通過字面量方式創(chuàng)建的數(shù)組對象是屬于類的一個實例，所以返回，故彈出。第期年月日代碼運行的結果輸出前端教程。 第1期（2016年4月6日...
摘要：當時就去查了許多資料，百度里說得各種天花亂墜，沒點用，我只想說能不能有點公德心，像百度上什么什么認證的人都是胡說八道，回答的牛頭不對馬嘴。 我其實也是個剛剛入行沒多久的新人，github玩的比較少，上次發(fā)了一篇文章，部門老大希望我在github上...
摘要：線性漸變不過它稍稍有些復雜。在講解徑向漸變之前，我們先來看一看比較簡單的線性漸變。再來看徑向漸變好的，接下來我們來看徑向漸變。但對徑向漸變來說，顧名思議，所有色標是排布在一條半徑上的。 border 邊框是我們美化網(wǎng)頁、增強樣式最常用的手段...
摘要：垂直格式化，有一個很重要的方面是會造成垂直相鄰外邊距合并，解決這個的方式見想要清晰的明白一中的部分。參考資料權威指南第三版為負值產生的影響和常見布局應用布局圣杯布局雙飛翼布局深入理解和的基友關系深入理解中的行高 在上一篇想要清晰的明白...
摘要：在文本前面插入一個高度為百分百的偽元素，讓文本與其垂直對齊。塊級元素或者使用垂直水平居中或者使用 翻譯自 https://css-tricks.com/centering-css-complete-guide/ 預先給出這樣的樣式 .container { width: 100%; height: 200px; b...
摘要：，三者的區(qū)別是多帶帶的形變，偏移，而和都加上了時間屬性，所以能夠產生動畫效果。的動畫效果一般由行為等觸發(fā)，而則是自動觸發(fā)。的動畫效果只有兩幀關鍵幀，而可以有更多幀。默認為，即兩個動作間產生變化的所有屬性都發(fā)生作用。 transform，transi...
摘要：有與兩種方式來調整元素大小的值。如果你的頁面還需要適配到端，那么就老老實實的使用吧。在上面的實現(xiàn)中，我通過判斷設定了字體大小的范圍來避免上顯示過于夸張。二有的同學可能對的適配有點誤解。 最近看到這樣一個提問：我有一個750 x 1500尺寸的設...
摘要：實現(xiàn)圓角，最常用的是使用背景圖和屬性。優(yōu)點可拉伸，簡單方便，實現(xiàn)缺點只兼容現(xiàn)代瀏覽器看到的方法這個方法就略奇葩，但確實出現(xiàn)在了我們的產品中。具體來說使用幾個標簽，用控制寬度，從上到下一次變長，造成一種圓角的感覺。 實現(xiàn)圓角，最常用的是...
摘要：所有表現(xiàn)用實現(xiàn)模塊化命名規(guī)范語義化盡量減少頁面懶加載少用操作加注釋 為什么要進行頁面優(yōu)化？ 更快：頁面加載更快，客戶感知更快; 更易于閱讀：易于搜索引擎抓頁面重點，易于盲人閱讀; 更易于維護：易于自己和同事后期讀懂、定位、修改和擴展代碼. ...
摘要：如果只指定其中一個值，另一個值會被設定為因此可以和混用。通過設定負的，背景圖像的一部分被拖拽到父元素之外，從而在父元素之內顯示要顯示的內容。隨著的普及，相信漸變將成為主流。可以顯示的顯示范圍。 作為一個有理想有包袱的頁面仔，正像鑫哥在...
摘要：傳送門效果是這樣的結構小技巧就是，一開始就寫了一組單選按鈕來做開關的部分。有個地方需要優(yōu)化，就是在換擋的時候，動畫應該柔和些。 這次分享的電扇，和以往用css3畫人物相比 多加了一點交互，就是電扇開關的地方，用到了一點點css3的 :checked +di...
摘要：瀏覽器的主要概念瀏覽器主要分為這及部分。瀏覽器會解析，事實上，有三個的類對應這三類文檔。瀏覽器的錯誤處理相當統(tǒng)一，雖然這不是當前規(guī)范的一部分。 今天在推特看到一篇文章《當頁面渲染時，瀏覽器發(fā)生了什么》，于是找了些資料，分享一下所得。 ...
摘要：響應式自適應響應式和自適應設計共同點都是要處理在不同裝置下瀏覽網(wǎng)頁的問題，可讀性，版型等等。關於由於我們仍會在的設計中使用百分比，如此一來或多或少還是會受到進位誤差的影響，因此並不是佈局的萬能藥。 showImg("https://segmentfault.com/im...
摘要：接上一篇瀏覽器渲染的那些事一繼續(xù)說。哈希表的選擇器各不相同，包括，標記名稱等。例如，如果選擇器是，就把規(guī)則放入的哈希表中還有一種通用哈希表，適合不屬于上述類別的規(guī)則。 接上一篇瀏覽器渲染的那些事（一）繼續(xù)說。 構建呈現(xiàn)樹 Render Tree/Fr...
ChatGPT和Sora等AI大模型應用，將AI大模型和算力需求的熱度不斷帶上新的臺階。哪里可以獲得...
大模型的訓練用4090是不合適的，但推理（inference/serving）用4090不能說合適，...
圖示為GPU性能排行榜，我們可以看到所有GPU的原始相關性能圖表。同時根據(jù)訓練、推理能力由高到低做了...
89542767
社區(qū)管理員
白馬嘯西風