Deshun 发布于 7年前 (2018-07-05) 3563℃ 评论(0) 赞 (1)
CSS 后代选择器很好用，让我们的工作变的更方便。但是 IE8 及以下对很多后代选择器并不兼容。例如这6个比较常用的后代选择器：Child SelectorsIE9IE8IE7:first-child√√√:last-child√××:nth-child(n)√××:nth-last-child(n)√××:first-of-type(n)√××:first-last-of-...
Deshun 发布于 7年前 (2018-07-05) 3122℃ 评论(0) 赞 (0)
我们一般写一个半透明的 div ，只需要给这个 div 设置如下的属性即可：background: rgba(255,255,255,0.5);但是如果遇上 IE8 就有点蛋疼了。因为 IE8 不支持 rgba( ) 。 rgba 的含义，r 代表 red ，g 代表 green ，b 代表 blue ，红绿蓝是三原色。所有颜色都可以由这三种颜色拼合而成。a 代表透明度。比如...
Deshun 发布于 7年前 (2018-07-02) 3661℃ 评论(0) 赞 (2)
最近，我从 Grover网站 上发现以一个好玩儿的悬停动画，这个动画是将鼠标移动到订阅按钮上移动光标，会跟随光标实现相应的彩色渐变。这个想法很简单，但是它能使这个按钮脱颖而出，人们一下子就注意到它了，增加了点击的概率。怎样才能达到这个效果，使我们的网站脱颖而出呢？其实，它并不像我...
Deshun 发布于 7年前 (2018-06-22) 3362℃ 评论(0) 赞 (0)
关于使用 inline-block 来代替 float 的讨论也挺多的，最常见的就是使用 inline-block 来代替 float 进行布局。不过有一个问题，就是使用 inline-block 的元素之间会存在 4-5px 的空白间隙。今天就记录...
Deshun 发布于 7年前 (2018-06-07) 17887℃ 评论(0) 赞 (12)
尝试给元素添加伪类，但是一直不显示。HTML：<span class="before"> 我要前缀 </span> <p class="before"> 我要前缀 <...
Deshun 发布于 7年前 (2018-06-05) 10828℃ 评论(0) 赞 (25)
今天才发现，给文字设置 letter-spacing 再设置 text-align: center; ，文字会整体往左偏移，不能居中。 给文字嵌套了一个 span 标签，再选择文字可以看出，letter-spacing 给每个字的右边都加了一个间距。设置居中的...
Deshun 发布于 7年前 (2018-05-31) 6985℃ 评论(0) 赞 (3)
cursor 属性规定要显示的光标的类型（形状），该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状（不过 CSS2.1 没有定义由哪个边界确定这个范围）。默认值：auto；继承性：yes；版本：CSS2；JavaScript 语法：object.style.cursor="crosshair"；所有主流浏览器都支持 cursor 属性。注释：Opera 9.3 和 S...
Deshun 发布于 7年前 (2018-05-26) 16990℃ 评论(0) 赞 (9)
在开发过程中，会碰到一些选择器的需求：例如使列表中的第一项或者最后一项显示不同的样式 、列表中的奇数或者偶数项显示不同的背景色 . . . 等等。我们可以通过 CSS 来实现这样的效果，CSS 给我们提供了几个样式参数：first-child、last-child、n...
Deshun 发布于 7年前 (2018-05-16) 12017℃ 评论(0) 赞 (6)
有的网站字体，用户电脑上没有，如果只是单纯的定义 font-family 是不起效的。我们可以将字体文件放置在网站目录，直接引入，这样即使用户电脑上没有该字体也能自动加载。设置方法如下：css 代码：自定义字体@font-face { font-family: 'MyFont'; /*字体名称*/ &...
Deshun 发布于 7年前 (2018-05-10) 10571℃ 评论(0) 赞 (2)
使用手机浏览页面的时候，有些浏览器内核的原因，点击 img 标签图片会自动放大，长按会弹出下载或者保存选项。在写页面时如何避免此类情况的发生呢？我们可以使用 CSS 来屏蔽图片的选中。我整理了两个方案：1、首先想到的是通过 JS 实现，对 touch 事件做处理。window.o...
前端资源网 - w3h5