css
酒慰风尘
这个作者很懒,什么都没留下…
展开
-
CSS常用的工具
链接.转载 2020-06-14 23:13:20 · 433 阅读 · 0 评论 -
CSS backgroundImage 好用的技巧
1.背景图如何才能完美适配视口body { background-image: url('https://images.unsplash.com/photo-1573480813647-552e9b7b5394?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2253&q=80'); background-repeat: no-repeat; background-posit原创 2020-06-04 14:23:48 · 737 阅读 · 0 评论 -
rem em vh和vw移动端M站初探
A首先看了好几篇帖子 这个勤劳爱思考的老哥早在三四年前已经写的特别好了,借鉴了许多不同的代码也有自己的观点(主要在于评论里)https://segmentfault.com/a/1190000003690140.Brem和em很容易混淆,其实两个都是css的单位,并且也都是相对单位,现有的em,css3才引入的rem,在介绍rem之前,我们先来了解下em: em作为font-size的单位时,其代表父元素的字体大小,em作为其他属性单位时,代表自身字体大小——MDN比起到处写死的px值,em似乎更原创 2020-05-12 22:36:12 · 242 阅读 · 0 评论 -
antd Table使用记录
1.antd table如何关闭hover效果?需求原因:对于普通表格来说,antd表格的hover完全是可以的,但是在单元格进行了合并的复杂表格中,就会显得很怪;解决方法:样式覆盖------------------.ant-table-tbody > tr:hover > td{ background:transparent ! important;}2.an...原创 2020-02-26 15:19:32 · 356 阅读 · 0 评论 -
强大的display:grid
自从用习惯flex布局我基本已经不怎么使用float了。现在又出现了grid布局,就像flex的升级版,布局上十分强大。主要属性:grid-template-columns://竖向排列grid-template-rows://横向排列首先比较一下flex和grid实现自适应九宫格,高度800px,宽度适应:flex超过一层后样式就复杂了,特别是边框的处理有点复杂。(方法很多,不一一...原创 2020-02-26 10:20:33 · 207 阅读 · 0 评论 -
Less
一、 css预编译常见的css预编译器有三种:less 、 sass 、 stylus。Bootstrop使用的是less。在线编译 http://tools.jb51.net/code/less2css二、 LessLess是一门css预处理语言,他扩展了css语言,增加了变量、Mixin、函数等特性,使css更容易维护和扩展。他不是一个直接使用的语言,而是一个生成css的语言。Les...原创 2020-02-21 15:49:48 · 453 阅读 · 0 评论 -
每天一点面试题(10) ------- flax布局
3 react和jq一起用有什么问题4 redux5 weppack6 在map中key的作用7 用到的中间键8 trunk9 react16之前版本和16之后版本10 flax布局转载 2019-12-06 11:19:39 · 252 阅读 · 0 评论