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