![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
文章平均质量分 87
你看我像是会的样子吗?
这个作者很懒,什么都没留下…
展开
-
css:比较函数(min(),max(),clamp())
CSS 比较函数根据CSS规范,比较函数是关于比较多个值并取其一。这些CSS函数最大的作用就是可以为我们提供动态布局和更灵活设计组件方法。Min() 函数min() 函数支持一个或多个表达式,每个表达式之间使用逗号分隔,以最小的表达式的值作为返回值,可以使用min()为元素设置最大值。例如:设置元素的最大宽度为 500px 。.element{ width: min(50%, 500px)}浏览器需要在(50%, 500px)取一个最小值,第一个值是指当前视口...原创 2020-08-20 17:58:19 · 2186 阅读 · 1 评论 -
CSS:文本字数不一致 实现文本两端对齐——text-align属性
在我们制作表单或者个人信息的时候,经常会遇到类别名称字数不一致的问题,为了使网页更加美观我们一般使其两端对齐,或许我们都经历过使用空格处理阶段,现在用css就可以解决啦。text-align 属性text-align属性可以指定元素文本的水平对齐方式。属性值值 描述 left 把文本排列到左边。默认值:由浏览器决定。 right 把文本排列到右边。 center 把文本排列到中间。 justify 实现两端对齐文本效果。 inherit原创 2020-08-14 17:25:02 · 3794 阅读 · 1 评论 -
CSS:线性渐变——背景渐变、文字渐变、边框渐变、鼠标移入背景色向上切换、浏览器内核、渐变色彩搭配
好的颜色搭配加渐变其实是非常网站加分的,你还在用纯色背景吗?快来试一下渐变的带来的快乐吧~现在就让我们先来熟悉一下语法吧!线性渐变:为了创建一个线性渐变,你必须至少定义两种颜色结点。颜色结点即你想要呈现平稳过渡的颜色。同时,你也可以设置一个起点和一个方向(或一个角度)。从上到下的线性渐变:#grad { background-image: linear-gradient(#e66465, #9198e5); }从左到右的线性渐变:#grad { height: 200px;原创 2020-06-09 16:26:05 · 1123 阅读 · 0 评论