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