至于未来会怎么样 反正路还长 天总会亮

Life is a journey, not a destination, care should be the scenery along the way and the mood to see the scenery.

个人博客
  • ...
     前端 浏览(14)  tangzihan ++阅读原文
    CSS3d转换
    3D特点 近大远小 物体后面遮挡不可见 三维坐标系 x轴:水平向右 右边是正值,左边是负值 y轴:垂直向下 下面是正值,上面是负值 z轴:垂直屏幕 往外面是正值,往里面是负值 如下图: 不过在我们css中y轴向上...
  • ...
     前端 浏览(23)  tangzihan ++阅读原文
    外边距合并嵌套块元素塌陷问题
    如下案例 .f{ background-color: red; width:300px; height: 200px; } .s{ background-color: blue; width:150px; height: 100px; margin-top:30px; }...
  • ...
     前端 浏览(15)  tangzihan ++阅读原文
    CSS权重计算
    在没有引入权重的概念时,我们对css的优先级认识是这样的 !important`>`行内样式`>`ID`>`类/伪类|属性`>`标签 排在最前面的优先级越高。 但css是有权重机制的,css的优先级都是根据权重推算出来 如下表格 用四位数字...
  • ...
     前端 浏览(23)  tangzihan ++阅读原文
    CSS清除浮动
    了解为什么要清除浮动我们先来看一个例子 我们想要的效果是这样的 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20200209113010858.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,t...
  • ...
     前端 浏览(16)  tangzihan ++阅读原文
    CSS Sprites(精灵图)
    引入 当用户访问网站时,需要向服务器发送请求,网页上的每张图像都要经过一次请求才能展现给用户。然而一个网页中往往会有很多小背景图片作为修饰,当网页背景图像过多时,服务器就会频繁的接收发送请求,这会大大...
  • ...
     前端 浏览(17)  tangzihan ++阅读原文
    Less
    定义 Less 是一门 CSS 预处理语言,它扩充了 CSS 语言,增加了诸如变量、混合(mixin)、函数等功能,让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node 或浏览器端 下面通过一些例子来加深对它的理解...
  • ...
     前端 浏览(15)  tangzihan ++阅读原文
    CSS新增2D,3D属性
    2D (谷歌浏览器和safari需加前缀-webkit-) (ie浏览器需加-ms-) (火狐浏览器需加-moz-) 格式:[前缀]transform:以下方法; `translate(x,y)`:元素移动指定像素(如果单位为像素则相对于父元素移动,如果单位为百...
  • ...
     前端 浏览(28)  tangzihan ++阅读原文
    简谈Bootstrap4与Bootstrap3的区别
    1. Bootsrap3采用的float布局,而Bootstrap采用的flex布局 2. Bootstrap4中的栅格系统可以不用添加指定的列数 如row 里面有2个col 会任何尺寸下均分row 3. Bootstrap3只有4种栅格类 分别为(col-xs特小,col-sm小,c...
  • ...
     前端 浏览(29)  tangzihan ++阅读原文
    HTML盒子水平垂直居中
    以前我们使定位的盒子水平/垂直居中可能是这样的 php .father{ width:300px; height:200px; border:1px solid red; margin: 100px auto; position: relative; } .son{ width:70px; heig...
  • ...
     前端 浏览(71)  tangzihan ++阅读原文
    CSS3实现毛玻璃效果
    最近在开发个人博客的时候,在网上学到了一种CSS特效---毛玻璃 感觉还是比较实用下面将这种特效分享给大家。 如下图,我的后台登录界面表单部分就是毛玻璃效果 有时候这种特效很有用,可以达到一种朦胧的效果,接下...