CSS
关注
分享
扫一扫
文章平均质量分 53
liya_nan
技术和颜值，总要有一个在路上。
展开
-
css中的mixin及其用法
一、mixin是什么？@mixin是一种简化代码的方法，能够提高代码的重复使用率。二、mixin的用法mixin定义（使用@mixin定义）：@mixin hexagon-generator($hexagon-width, $factor, $border-radius){ display: inline-block; border-radius: 50%; widt...原创 2018-08-07 14:06:01 · 16164 阅读 · 0 评论 -
css中实现单行及多行文本溢出显示省略号
最近项目中很多地方有文本溢出显示省略号的需求，今天就来整理一下，怎样用css实现单行/多行文本溢出的功能。1.单行文本溢出显示效果如下：html中的定义：<p class="signal">css实现单行文本溢出显示省略号css实现单行文本溢出显示省略号css实现单行文本溢出显示省略号css实现单行文本溢出显示省略号css实现单行文本溢出显示省略号</p&g...原创 2018-08-16 11:57:56 · 481 阅读 · 0 评论 -
flex布局解析
Flex是Flexible Box的缩写，意为“弹性布局”，用来为盒状模型提供最大的灵活性。一、基本概念采用Flex布局的元素，称为Flex容器，容器的直接子元素称为Flex项目，容器默认有两个轴心线，用于项目的对齐与排列，水平主轴为main axis，垂直主轴为cross axis，主轴的开始位置为start，结束位置为end。 主轴和交叉轴的判定：如果...原创 2018-08-20 11:45:05 · 411 阅读 · 0 评论 -
Flex的使用场景
1.固定宽度代码实现（某一侧固定，另一侧自适应）：<!DOCTYPE html><html><head> <title>Flex布局-一侧固定，另一侧自适应</title> <style> .parent { display: flex; width: 500px; ...原创 2018-09-12 11:15:52 · 1895 阅读 · 2 评论 -
css3的filter（滤镜）属性
filter属性定义了元素（通常是<img>）的可视效果，例如：模糊与饱和度。none 默认值，没有效果 blur(px) 给图像设置高斯模糊，值越大越模糊。默认值为0 brightness(%) 给图片应用一种线性乘法，使其看起来更亮或更暗。0%：全黑。100%：图像无变化。>100%：图像比原来更亮。默认为1 contrast...原创 2018-09-18 10:52:28 · 381 阅读 · 0 评论 -
css3文本换行
首先我们看一下未对文本进行处理的效果：下面是代码实现：<!DOCTYPE html><html> <head> <style> .text { width: 300px; height: auto; border: 1px solid pink; } </style...原创 2018-10-11 10:23:22 · 2779 阅读 · 0 评论 -
用css画三角形
效果实现：css代码：.trangle { position: fixed; top: 0rpx; right: 142rpx; width: 0rpx; height: 0rpx; z-index: 2000; border-top: 16rpx solid transparent; border-right: 16rpx solid #fff; ...原创 2018-10-17 15:19:49 · 240 阅读 · 0 评论