css共6篇
css中 em、px、rem、vh、vw 的區(qū)別！-吾唯一

css中 em、px、rem、vh、vw 的區(qū)別！

介紹這些單位都是在css中用于規(guī)定大小的單位，不過有些單位是絕對長度單位，有些是相對長度單位相對長度單位就是不固定的 可以自由適配調(diào)整絕對長度單位就是寫死的數(shù)值，無論設(shè)備分辨率多少 都...
常用 CSS 代碼片段集合[持續(xù)更新]-吾唯一

常用 CSS 代碼片段集合[持續(xù)更新]

阻止?jié)L動內(nèi)部盒子滾動到邊界的時候，將觸發(fā)整個頁面滾動，可通過設(shè)置overscroll-behavior-x阻止此行為div { height: 300px; width: 500px; overflow: auto; overscroll-behavior-x: contain; }...
CSS教程筆記-border邊框-吾唯一

CSS教程筆記-border邊框

邊框樣式邊框樣式采用border-style來設(shè)置，可以簡寫為border常用樣式none: 默認(rèn)無邊框dotted: 定義一個點線邊框dashed: 定義一個虛線邊框solid: 定義實線邊框double: 定義兩個邊框。 兩個邊框的...
web前端教程-高亮代碼框-吾唯一

web前端教程-高亮代碼框

效果圖代碼如下講下面代碼中的code標(biāo)簽里面的代碼替換為自己的代碼即可?
技術(shù)教程-兩行CSS代碼就能適應(yīng)任何屏幕-吾唯一

技術(shù)教程-兩行CSS代碼就能適應(yīng)任何屏幕

你可能想不到，只用「兩行 CSS」，就能讓你的卡片、圖片、內(nèi)容塊「自動適應(yīng)」各種屏幕寬度，徹底擺脫復(fù)雜的媒體查詢！ 秘訣就是 CSS Grid 的?auto-fill?和?auto-fit?；A(chǔ)概念假設(shè)你有這樣一...
CSS教程 - 偽元素實現(xiàn)箭頭提示框效果-吾唯一

CSS教程 – 偽元素實現(xiàn)箭頭提示框效果

效果圖教程開始這個效果可以拆分為兩部分，第一部分是長方形部分 第二部分是三角形部分 偽元素設(shè)置width和height為0即可實現(xiàn)三角形完整代碼