css
关注
分享
扫一扫
文章平均质量分 85
一只特立独行的猫猫
有什么技术问题，欢迎大家一起交流，一起学习 如果人生旅途的道路一致，我愿为同行的你背起行囊
展开
-
css 多行省略号
overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box;原创 2020-11-03 17:38:48 · 151 阅读 · 0 评论 -
使用flex布局，子元素怎么高度自适应？
1、想用flex实现这种布局2、各个子元素高度不固定，从上到下依次排列请问可以怎么实现？附：我对父元素定义了下面的规则：display:flex;flex-flow:row wrap;对子元素用p标签放了一些文本，未设置高度，结果显示效果如下红色标记是子元素被拉伸了，高度没有自适应：父元素上增加align-items: flex-start;因为交叉轴的对齐方式，默认是 stretch...转载 2020-11-01 16:46:39 · 8206 阅读 · 4 评论 -
css实现鼠标移入时img图标变色
有时候我们需要实现类似鼠标移入img图标变色的功能，虽然提前准备好两张相应颜色的图片就可以解决问题，但是使用css也是可以做到让img图标变色的首先使用一个div将img包裹起来<div class=“imgtest”> <img src="images/logo.png" alt=""></div>然后定义该div的样式.ima...转载 2020-04-03 13:34:14 · 2236 阅读 · 0 评论 -
Rem布局的原理解析
Rem布局的原理解析tobAlier关注22017.10.25 11:27:32字数 2,630阅读 12,367什么是Remrem和em很容易混淆，其实两个都是css的单位，并且也都是相对单位，现有的em，css3才引入的rem，在介绍rem之前，我们先来了解下em:em作为font-size的单位时，其代表父元素的字体大小，em作为其他属性单位时，代表自身字体大小——M...转载 2020-01-13 15:51:21 · 875 阅读 · 0 评论 -
rem与@media 的优缺点
首先: 如果我们在做单独移动端网站或者app的时候 我建议 使用rem ;他能让我们在手机各个机型的适配方面；大大减少我们代码的重复性，是我们的代码更兼容。下面两个图一个调试在常用的机型 iPhone6 宽度是375*667 （一般的手页面的原型图为 750* ...) 另一个是我们最常出现问题的机型 iPhone5 因为是小机型所以比较容易出问题（错位！！！！）。...转载 2020-01-13 11:01:59 · 1720 阅读 · 0 评论 -
半深入理解CSS3 object-position/object-fit属性
一、春来了，春来了~帘外雨潺潺，春意阑珊。奇怪，为何我要写个诗段子呢？或许是因为，本应是阳春三月的时候，依旧阴冷潮湿，丝丝凉意侵入小腿，无法让我无法安心整理思路。想明白了这点，我立马站起身来，打开房门，大步走出去！去外面呼吸新鲜空气…………吗？不是的，我是去卧室拿遥控器，开个空调，给屋子升个温，好安安心心写点东西。恩，预热了数分钟，暖气呼啦啦出来了。恩，春来了，春来了~~可以安心干...转载 2019-08-29 16:10:43 · 363 阅读 · 0 评论 -
css button 的四种状态 focus 伪类
1.普通状态2，鼠标hover状态 3.active 点击状态 4.focus 取得焦点状态focus 经常用来取消a链接点击后产生的虚线边框a:focus{outline: none;}<!DOCTYPE html><html><head><title></title...转载 2019-08-15 00:21:06 · 12056 阅读 · 1 评论 -
antd spin css 实现
<span class="ant-spin-dot ant-spin-dot-spin"> <i></i><i></i><i></i><i></i> </span>.ant-spin-dot {转载 2018-10-28 15:38:22 · 3959 阅读 · 0 评论 -
html学习第二天
今天主要的学习内容如下（1）css简介（2）css语法（3）样式的创建（4）两种引入外部样式表的区别（5）css选择器一、css简介英文全名：cascading style sheets ===cascading style sheet 层叠样式表：修饰网页信息的显示样子二、css语法选择符{ 属性:属性值;属性:属性值;}原创 2018-01-10 20:42:04 · 290 阅读 · 0 评论