ruby標(biāo)簽在東亞使用，顯示的是東亞字符的發(fā)音。將 <ruby> 標(biāo)簽與 <rt> 和 <rp> 標(biāo)簽一起使用： <ruby> 元素由一個(gè)或多個(gè)需要解釋/發(fā)音的字符和一個(gè)提供該信息的 <rt> 元素組成，還包括可選...

袁志蒙 2023-05-17 1629次瀏覽

prefers-color-scheme 是什么？W3C 在 2020 年 7 月 31 日發(fā)布的 Media Queries Level 5 標(biāo)準(zhǔn)草案 中提到了新的屬性 prefers-color-scheme，網(wǎng)頁(yè)現(xiàn)在可以通過(guò)條件規(guī)則組來(lái)獲取瀏覽器宿系統(tǒng)的暗色模式狀態(tài)并應(yīng)用了。也就是說(shuō)，現(xiàn)在我們可以很簡(jiǎn)單地實(shí)現(xiàn)...

袁志蒙 2023-05-15 1558次瀏覽

最近看到幾個(gè)css新屬性，突發(fā)奇想的可以實(shí)現(xiàn)一個(gè)比較有意思的效果，我們叫做文字穿透效果吧，主要用到了幾個(gè)css屬性：# 文字設(shè)置成透明 color: transparent; # 文字描邊 text-stroke: 1px #fff;

袁志蒙 2023-05-09 1195次瀏覽

經(jīng)過(guò)上一篇文章，我們已經(jīng)對(duì)grid布局有了一些基本的認(rèn)識(shí)，但grid布局實(shí)在是太強(qiáng)大了，我們繼續(xù)來(lái)學(xué)習(xí)它：justify-items和align-items屬性：設(shè)置單元格的水平和垂直方向?qū)R方...

袁志蒙 2022-11-25 1613次瀏覽

grid布局簡(jiǎn)介：Grid布局是將容器劃分成“行”和“列”，產(chǎn)生單元格，然后指定“項(xiàng)目所在”的單元格，可以看作是二維布局，設(shè)置 css的 display:grid 或 display:inline-gri...

袁志蒙 2022-11-25 1533次瀏覽

當(dāng)我們收到這樣的步驟進(jìn)度條的需求時(shí)，我們之前的做法是用圖片作為背景圖，才可以做出這樣的效果，現(xiàn)在我們只需要通過(guò)css就可以完成這樣的...

袁志蒙 2021-06-22 4486次瀏覽

沒(méi)有用插件，利用label + radio特性做了一個(gè)switch開關(guān)，代碼簡(jiǎn)潔易懂，可以集成到項(xiàng)目里，美化radio，完整代碼分享...

袁志蒙 2021-04-19 3814次瀏覽

https是當(dāng)下的網(wǎng)站的主流趨勢(shì)，然而對(duì)于以前http鏈接來(lái)說(shuō)，我們往往就存在一個(gè)兼容性問(wèn)題，應(yīng)該在很長(zhǎng)一段時(shí)間內(nèi)，https與http將共存，就用到CSP設(shè)置upgrade-insecure-requests...

袁志蒙 2021-03-03 9044次瀏覽

html5的getUserMedia API為用戶提供訪問(wèn)硬件設(shè)備媒體（攝像頭、視頻、音頻、地理位置等）的接口，基于該接口，開發(fā)者可以在不依賴任何瀏覽...

袁志蒙 2020-12-20 4255次瀏覽

我們或多或少都使用過(guò)各式各樣的富文本編輯器，其中有一個(gè)很方便功能，復(fù)制一張圖片然后粘貼進(jìn)文本框，這張圖片就被上傳了，那么這個(gè)方便的功能是如何實(shí)現(xiàn)的呢？復(fù)制=>粘貼=>上傳...

袁志蒙 2020-11-27 4255次瀏覽