LESS函数总结3.1 String函数系列3.1.1 escape(@string)编码3.1.2 e(@string)转义3.1.3 %(string,arguments...)格式化字符串3.1.4 Replace替换3.2 list函数系列3.2.1 length函数3.2.2 extract函数3.3 Math函数系列3.3.1 ceil3.3.2 floor3.3.3 percent
转载
2024-05-30 12:25:55
92阅读
数学函数ceil()函数作用：向上取整 例子： Less中编写div{
width:ceil(2.5px);
}编译结果div{
width:3px;
}floor()函数作用：向下取整 例子： Less中编写div{
width:floor(2.5px);
}编译结果div{
width:2px;
}percentage()函数作用：将浮点数转换为百分比 例子： Less中编写div{
转载
2024-03-27 09:35:59
76阅读
上传图片/文件: <div class="form-group mb-4">
<label for="" class="avatar-label">用户头像</label>
<input type="file" name="avatar" class="form-control-file">
@if($user-
转载
2024-03-22 16:18:02
51阅读
px和rem换算px(pixel)和rem(root em)都是用于测量长度的单位,但是它们有不同的换算关系。px是绝对单位,1px = 1/96寸。在不同设备上,1px对应不同的物理尺寸,所以不适合用于响应式布局。rem是相对单位,它是相对于根元素<html>的字体大小来计算的。 所以,如果html的font-size是16px,则1rem = 16px。 如果html的font-s
转载
2024-07-24 22:08:43
123阅读
• escape(@string); // 通过 URL-encoding 编码字符串
• e(@string); // 对字符串转义
• %(@string, values...); // 格式化字符串
• unit(@dimension, [@unit: ""]); // 移除或替换属性值的单位
• color(@string); // 将字符串解析为颜色值
• data-uri([mimet
转载
2024-08-18 14:58:59
57阅读
一、rem介绍rem是什么？它的全称是 font size of the root element （根元素的字体大小）它是CSS3中新增加的一个尺寸（度量）单位，根节点（html）的font-size决定了rem的尺寸，也就是说它是一个相对单位，相对于(html)。浏览器的默认字体？浏览器的默认的font-size是16px，1rem默认就等于16px。（chrome最小字体为12px）rem可
转载
2024-06-18 20:31:53
190阅读
<!doctype html><html lang="en" ><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0,
原创
2021-07-28 15:26:31
437阅读
LESS自带有很多的函数，之前已经为大家介绍过两次有关LESS函数的小知识了，相比大家应该对之前介绍的有所了解了。下面依旧为大家介绍LESS的函数，附加着一些小例子。 mod(number, number)取余 返回第一个参数对第二参数取余的结果。返回值与第一个参数单位相同，第二个参数单位被忽略。这个函数也可以处理负数和浮点数。参数：数字，浮点数;数字，浮点数。返回值：数字，取余的结果。
转载
2024-04-30 21:55:17
126阅读
1、其他函数 color()接受字符串，将字符串转为十六进制值 convert（数值，转换的单位）转换两个单位之间的数值，如长度单位，时间单位，角度单位等convert（20cm,px） default();如果没有匹配到对应的条件则走此条件： .my(a){ @x:1; } .my(b){ @x:2; } .my(@y)when
转载
2024-06-20 19:07:48
42阅读
LESS 和 SASS
LESS是更倾向于给设计师用的，编程人员更适合用SASS，但是目前为止先不学这个，因为时间不够。
LESS是CSS的一种预处理语言，其中添加了一些，变量，语法，方法，运算，类等概念
用法是下载一个BOOTSTRAP中的官方LESS文件，以及LESS官方的一个JS文件，JS文件是用来检测并解析调用LESS文件
转载
2024-04-11 19:16:05
29阅读
最近项目用到 less 来做 css 预处理器，之前公司项目是用的 sass，所以抽空针对 less，重新了解了一番。1. Less 的由来[Less 中文官方网站]：http://lesscss.cn/官网：http://lesscss.org/在 Web 发展的这几年，有了 webpack 来做构建，所以为了让 CSS 富有逻辑性，短板(在语法更新时，每当新属性提出，浏览器的兼容又会
转载
2024-06-14 06:09:29
51阅读
一，LESS
1,条件判断
在less中我们可以通过条件判断实现渲染不同的样式，有点像switch，不是通过if实现的，而是when实现的
在when方法中添加条件时，不需要单位
当判断相等时，使用等号（=）实现，没有（== 和 ===）
判断多个条件时，使用and关键字，配合when使用 when and
判断非语句，使用not ,when not
2,函数-Math
在less中我们可以像JS
转载
2024-07-02 05:26:59
100阅读
RAPTOR程序设计例题参考解析RAPTOR程序设计一、顺序结构编程1．输入任意一个华氏温度值，然后将其转换成摄氏温度输出。算法：c = 5 / 9 (f - 32)2．输入任意三角形的三边之长存入变量a、b、c中，然后计算并输出该三角形的面积。海伦公式：p = (a + b + c)/2 S = sqrt (p * (p - a) * ( p – b ) * ( p – c ))二、选择结构编程
一、LESS 1.条件判断 在less中我们可以通过条件判断实现渲染不同的样式,有点像switch,不是通过if实现的,而是when实现 在when方法中添加条件时,不需要单位 当判断相等时,使用=实现,
转载
2024-05-30 08:43:39
80阅读
之前已经为大家介绍了一些LESS函数，大家应该对之前介绍的有所了解了。下面为大家介绍一系列的颜色运算函数。依旧会为大家附上小例子。希望这些有关LESS的函数能在大家编写LESS的时候有所帮助。 颜色值运算有几点注意事项：参数必须单位/格式相同;百分比将作为绝对值处理，比如 10% 增加 10%，结果是 20% 而不是 11%;参数值只能在限定的范围内;they do not wrap aro
转载
2024-02-17 17:33:46
61阅读
自带函数的意思是less自身准备的一套函数，可以让你直接在less文本中直接使用，它们90%是与颜色相关的。从源码可以看到，它们都挂在less.tree.functions之下：rgb
rgba
hsl
hsla
hue
saturation
lightness
alpha
saturate
desaturate
lighten
darken
fadein
fadeout
fade
spin
mi
转载
2024-08-28 10:39:31
72阅读
vw视口宽度，由于本事就是跟随屏幕变化的，所以更具有灵活性，不用js获取窗口来动态设置窗口宽度，现在用的比较少，公司目前不让用，先记录，也许以后用得到。//配合less不用自己换算，设计稿750px//定义变量vw=7.5vw//假设元素400px宽度，换算成vw即为400/@vw@vw:7.5vw;.container{padding:51/@vw43/@vw23/@vw45/@vw;.fist
原创
2019-06-03 14:42:49
4286阅读
点赞
分享一些在项目中好用的一些CSS辅助函数，可以直接应用到你自己的样式代码中，传送门。这些函数当然不是CSS原生写法，有分为sass语法和less语法两套，大家可以自行选择复制或者下载。下面罗列的均是scss语法。less语法请查看传送门1、_clearfix %clearfix {
&:after,
&:before {
content: " ";
转载
2024-08-18 15:42:55
88阅读
1、让一些不能等比自适应的元素，达到当设备尺寸发生改变的时候，等比例适配当前设备。 2、使用媒体查询根据不同设备按比例设置html的字体大小，然后页面元素使用rem做尺寸单位，当html字体大小变化，元素尺寸也会发生变化，从而达到等比缩放的适配。 技术方案： 1、less+rem+媒体查询 2、fl
转载
2019-12-31 20:25:00
125阅读
2评论
使用less一段时间了，之前一直用sass，有时间把项目中用到的方法写下来，好记性不如烂笔头。1. 变量
值是变量
选择器是变量 属性是变量 图片url是变量 1)值是变量签名为 @变量名：值。一般我们会把全局用的单独封装一个文件，例如全局换肤颜色，公共组件的css样式。使用时候直接使用 签名。 @toolbar-hover: #F7F5FF;
@toolba
转载
2024-08-08 15:41:55
422阅读
