• 张鑫旭-鑫空间-鑫生活

    www.zhangxinxu.com

    it's my whole life!

    订阅 2订阅

  • 如何使用JS把相对地址变成绝对地址?

    2020年01月17日

    by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=9227 本文欢迎分享与聚合,全文转载就不必了,尊重版权,圈子就这么大,若急用可以联系授权。 在实际项目开发的时候,可能会遇到这样的场景,知道一个相对地址,希望转换成绝对定位。例如: “/wordpress/?p=9227″ → “https://www.zhangxinxu.com/wordpress/?...

  • CSS any-hover any-pointer media查询与交互体验提升

    2020年01月17日

    by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=5474 本文欢迎分享与聚合,全文转载就不必了,尊重版权,圈子就这么大,若急用可以联系授权。 一、CSS判断是否是触摸设备 遥想数年前,想要实现一个功能,如果是手机上或者平板设备,则页面上链接不显示下划线,仅仅颜色变化。而PC浏览器访问页面,下划线依...

  • CSS grid-auto-flow深入理解

    2020年01月15日

    by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=9200 本文欢迎分享与聚合,全文转载就不必了,尊重版权,圈子就这么大,若急用可以联系授权。 一、grid-auto-flow出现的背景 Grid布局要想玩得666,grid-auto-flow是绕不开的需要深度掌握的CSS属性。 Grid布局就像农村土改分土地。 政府会把土地分成一块一块...

  • CSS overscroll-behavior让滚动嵌套时父滚动不触发

    2020年01月05日

    by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=9191 本文欢迎分享与聚合,全文转载就不必了,尊重版权,圈子就这么大,若急用可以联系授权。 子元素滚动外面不滚动 web网页开发中,滚动嵌套还是很常见的。 例如我现在写这篇文章的wordpress后台的分类目录就有一个局部滚动条。 在默认情况下,里面的滚动...

  • CSS inherit是继承,那initial和unset呢?

    2020年01月02日

    by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=5474 本文欢迎分享与聚合,全文转载就不必了,尊重版权,圈子就这么大,若急用可以联系授权。 所有CSS都支持几个全局属性值,分别是:inherit, initial和unset。 其中inherit是继承的意思,IE8(标准版)开始支持,不是从IE9开始支持的,网上一些文档是错误...

  • CSS paint-order祝大家元旦快乐

    2020年01月01日

    by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=9163 本文欢迎分享与聚合,全文转载就不必了,尊重版权,圈子就这么大,若急用可以联系授权。 今天是1月1日,祝大家2020元旦快乐! 一、了解CSS paint-order CSS paint-order作用在SVG图形元素上,设置是先绘制描边还是先绘制填充。 为什么会有这个属性呢?...

  • Oh My God,CSS flex-basis原来有这么多细节

    2019年12月31日

    by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=9154 本文欢迎分享与聚合,全文转载就不必了,尊重版权,圈子就这么大,若急用可以联系授权。 //zxx: 为了演示方便,避免无谓的干扰,本文所有的尺寸均指水平尺寸,对应CSS均是宽度相关,例如width/min-width/max-width。 以前的我对flex-basis不屑一顾,以为...

  • CSS flex属性深入理解

    2019年12月22日

    by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=9132 本文欢迎分享与聚合,全文转载就不必了,尊重版权,圈子就这么大,若急用可以联系授权。 CSS flex属性属性还是很难理解的,但是flex布局要想玩得溜溜溜,这一关必须得过,来来来,一起看看究竟是什么意思,如何更容易理解与记忆。 一、flex属性是一种简...

  • CSS repeat()函数详细介绍

    2019年12月07日

    by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=9116 本文欢迎分享与聚合,全文转载就不必了,尊重版权,圈子就这么大,若急用可以联系授权。 一、前言以及兼容性 前文讲了CSS minmax()函数,现在趁热打铁,介绍下CSS repeat()函数。 repeat()函数要想理解透彻,熟练掌握,要比minmax()函数时间多多了。 该...

  • CSS minmax()函数简介

    2019年11月30日

    by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=9105 本文欢迎分享与聚合,全文转载就不必了,尊重版权,圈子就这么大,若急用可以联系授权。 引言么么哒 去年虽然有专门介绍过CSS grid布局,见“写给自己看的display: grid布局教程”。但是其中的内容和语法都是基础版,后来随着Grid布局规范的成熟,各大浏...

  • 仅显示最近10篇文章