css 边框重合加边框双向展开实现

结构如下 {{item.title}} 样式 .car-tab { box-sizing: border-box; width: 692rpx; height: 54rpx; border-bottom: 2rpx solid eee; margin: 0 auto; } .car-tab...

如何实现边框重叠效果?

 如上图,这就是我想实现的效果,结构先定下来 1号车 或许你会觉得很...

CSS 水平居中与垂直居中的16个方法

水平居中 行内元素 .parent{ text-align:center } 块级元素 .son { margin: 0 auto; } 子元素含 float .parent{ width:fit-content; margin:0 auto; } .son { floa...

CSS3有哪些新特性?

新增选择器 p:nth-child（n）{color: rgba（255, 0, 0, 0.75）} 弹性盒模型 display: flex; 多列布局 column-count: 5; 媒体查询 @media （max-width: 480px） {.box: {column-count: 1;}} 个性化字体 @font-face{fo...

CSS盒模型详解

什么是盒子模型 盒模型是规定了网页元素如何显示，元素间的相互关系，定义所有元素都可以有像盒子一样的平面空间和外形。包含内容区、填充、边框和外边距。 可以认为每一个HTML标签都是一个容器，这个容器又包着几个...

闭包的缺点与解决办法

我们知道闭包延展了局部变量的生命周期，使得外部操作局部变量成为可能，一般来讲函数在调用执行后函数就会被释放，但如果函数中产生了闭包，就会导致函数执行完毕后，函数内部的局部变量没有被释放，使得占用内存时...

每天20个灵魂拷问系列二

二十一、es5中是如何定义一个函数模块 示例 假定函数模块为Promise.js / 自定义Promise函数模块 / (function (window){ function Promise(executor){ } //向外暴露Promsie函数...

h5新增小功能

class的操作 在之前我们不使用第三方类库操作class是这样的 test.Node.className='active' 上面代码对于一个class还好如果有多个呢? 我们还得自己编写追加类名的逻辑，或者引入第三方类库如jquery 其实不用那...

每天20个灵魂拷问系列一

一、怎么让一个不定宽高的盒子 垂直水平居中？ 这里给出两种解决办法 第一种使用css方法 父元素 .box{ display: table-cell; text-align: center; vertical-align: middle; width: 300px;...

探讨移动端适配

在探讨移动端适配前我们先要了解下面几个概念 1. 像素 2. 分辨率 2. 物理像素 3. CSS像素 像素 > 像素（Pel，pixel;pictureelement），为 组成一幅图像的全部亮度和色度的最小图像单元 。电视的图像是由按一定...