@less / 博客 RSS 訂閱

May 24 2019

遲不子 - 記錄移動端開發1像素邊框問題， stylus代碼轉成less

需求： 需要解決1像素問題: 物理像素是設備像素的2倍，在手機上預覽，1px邊框會變成2px 參考cube-ui的mixin.styl 中1像素解決方案，如下： border-1px($color = #ccc, $radius = 2PX, $style = solid) position: relative ::after content: "" pointer-ev

less , stylus

收藏 評論

Nov 30 2025

智能開發者 - rem是什麼 html

rem適配佈局 rem基礎 rem單位 rem(root em)是一個相對單位類似em，em是相對於父元素字體大小。 不同的是rem的基準是相對於html元素的字體大小 rem的優點就是可以通過修改html中的字體大小來修改頁面中元素的大小可以控制整體。 媒體查詢 media Qu

機器學習 , less , 媒體查詢 , rem是什麼 html , 人工智能 , Css

收藏 評論

Nov 18 2025

農民工前端 - 動態生成 CSS 工具類：CSS函數實現 `pad20-top`、`pad40-bottom` 等靈活樣式

在前端開發中，經常需要為元素設置不同的 padding 或 margin 值。如果每次都手動編寫 CSS 類，不僅效率低下，還容易出錯。為了提高開發效率，可以通過 CSS 預處理器（如 Sass 或 Less）動態生成工具類，例如 pad20-top、pad40-bottom 等。 本文將詳細介紹如何通過 Sass 或 Less 實現這一功能，並探討其擴展性和應用場景。 需

vue.js , sass , less , ci , 前端開發

收藏 評論

Jul 09 2019

大桔子 - css 預處理器 - sass/scss、less、stylus

css 預處理工具，可以將其對應的DSL(領域特定語言)編譯為 css 基本介紹 sass/scss SASS 2007年誕生，最早也是最成熟的CSS預處理器，擁有ruby社區的支持和compass這一最強大的css框架 Sass的縮排語法，對於寫慣css前端的web開發者來説很不直觀，sass 不兼容 css 代碼 Sass3 就變成了Scss(sassy css) 與原來的語法兼容，只

sass , less , stylus , Css , postcss

收藏 評論

Feb 13 2019

前端哇發哈 - 大話css預編譯處理（三）：基礎語法篇

一、Sass、LESS和Stylus的語法 每一種語言都有自己一定的語法規則，CSS預處理器語言也不例外，在真正使用CSS預處器語言之前還有一個不可缺少的知識點，就是對語法的理解。值得慶幸的是，這三款CSS預處理器語言的語法和CSS語法都差不多。 1.Sass語法 Sass3.0版本開始使用的是標準的CSS語法，和SCSS可以説是一樣的。這樣Sass代碼轉換成CSS代碼變得更容易。默認Sass使用

sass , less , stylus , Css , 前端

收藏 評論

Sep 28 2022

guyu - less&scss 常用 mixin&function集合

lessscss 常用 mixinfunction集合 scss mixin：返回樣式集合 定義：@mixin 變量名(參數) { 樣式 } 調用：@include 變量名(參數); mixin 基礎用法 // 單行文本溢出 @mixin oneRowOverflow { white-space: nowrap; overflow: hidden; text-

less , scss , mixin , function , 前端

收藏 評論

Jul 29 2021

桃小妖 - 基於React腳手架搭建React + dva+typescript+ webpack + less

基於React腳手架搭建React + dva + webpack + less Mac react-create-app 創建react項目及typescript，react-create-app需要自己安裝配置，不贅述 npx create-react-app [app0729-自定義文件名] --typescript 執行yarn start 可以看到默認頁面了~

react , less , dva.js , typescript , Web

收藏 評論