警告:本站服务器将于2020-7-10到期,不再续费,本站如果有大家需要的资料赶紧备份,谢谢!另:我会陆陆续续将本站一些文章放入github上,请关注我。
使用CSS属性选择器拼接html-W3Cbest前端开发

HTML/CSS使用CSS属性选择器拼接html

2018-11-086119 次阅读赞(326)评论(1)

属性选择器非常神奇。它们可以使你摆脱棘手的问题,帮助你避免添加类,并指出代码中的一些问题。但是不要担心,虽然属性选择器非常复杂和强大,但是它们很容易学习和使用。在本文中,我们将讨论它们是如何运行的,并给出一些如何使用它们的想法。 通常将 H...

分享一款jquery hover3d超酷鼠标滑过动效插件-W3Cbest前端开发

HTML/CSS分享一款jquery hover3d超酷鼠标滑过动效插件

2018-10-121160 次阅读赞(0)评论(1)

hover3d.js是一款效果超酷的鼠标滑过图片呈现类似3D效果的jQuery插件。通过该插件可以制作出鼠标滑过图片时图片3D倾斜,旋转的效果,非常有层次感。 See the Pen dgREab by xianzhiding (@xian...

javascript 实现可伸缩性导航-W3Cbest前端开发

HTML/CSSjavascript 实现可伸缩性导航

2018-10-12877 次阅读赞(0)评论(1)

上篇文章写的是利用CSS3 选择器:target制作一个可伸缩的导航菜单,可以在兼容这个选择器的基础可以使用,但是如果在低版本浏览器就可能使用不了了,这篇文章是通过JavaScript实现可伸缩性导航,我们看下面代码: <nav cl...

CSS多种方法实现页面底部固定-W3Cbest前端开发

HTML/CSSCSS多种方法实现页面底部固定

2018-10-113770 次阅读赞(301)评论(2)

当我们在写页面时经常会遇到页面内容少的时候,footer会戳在页面中间或什么?反正就是不在最底部显示,反正就是很难看,下面要讲的布局就是解决如何使元素粘住浏览器底部, 方法一:footer高度固定+绝对定位 html <div cla...

calc()实现满屏背景定宽内容-W3Cbest前端开发

HTML/CSScalc()实现满屏背景定宽内容

2018-10-091552 次阅读赞(2)评论(1)

在过去的几年间,有一种网页设计手法逐渐流行起来,我将它称作背景宽度满屏,内容宽度固定。这个设计的一些典型特征如下。 页面中包含多个大区块,每个区块都占据了整个视口的宽度,区块的背景也各不相同。 内容是定宽的,即使在不同分辨率下的宽度不一样,...

box-shadow和drop-shadow实现不规则投影-W3Cbest前端开发

HTML/CSSbox-shadow和drop-shadow实现不规则投影

2018-10-091467 次阅读赞(0)评论(1)

当我们想给一个矩形或其他能用 border-radius 生成的形状(在“自适应的椭圆”一节中可以看到一些示例)加投影时,box-shadow 的表现都堪称完美。但是,当元素添加了一些伪元素或半透明的装饰之后,它就有些力不从心了,因为 bo...

使用CSS3 选择器:target制作一个可伸缩的导航菜单-W3Cbest前端开发

HTML/CSS使用CSS3 选择器:target制作一个可伸缩的导航菜单

2018-10-051063 次阅读赞(0)评论(1)

我们使用CSS3 选择器:target制作一个可伸缩的导航菜单。先理解一下:target 定义和用法 URL 带有后面跟有锚名称 #,指向文档内某个具体的元素。这个被链接的元素就是目标元素(target element)。 :target ...

利用JavaScript实现密码可见性切换(显示和隐藏)-W3Cbest前端开发

HTML/CSS利用JavaScript实现密码可见性切换(显示和隐藏)

2018-10-032361 次阅读赞(1)评论(1)

对于密码的可见性切换经常会在移动端见到,由于移动端输入体验不是很好,经常会输入密码的时候出现错误,反正我是有这样的体验,所以衍生出了密码的显示和隐藏的切换,那么在pc端会出现这种问题吗?答案是会的,特别是在重置密码的时候要输入两次,就会出现...

使用CSS content的attr实现鼠标悬浮提示(tooltip)效果-W3Cbest前端开发

HTML/CSS使用CSS content的attr实现鼠标悬浮提示(tooltip)效果

2018-09-302039 次阅读赞(0)评论(1)

当你的用户需要漂亮的图标给出额外的文字信息时,亦或是当他们在点击了按钮之后需要确认自己没点错时,又或是带图片和字幕的复活节彩蛋,提示框是用来增强用户界面的绝佳手段。现在,让我们来做几个动画提示框,没有别的,只有HTML和CSS。 样例 这是...

CSS中的变量:自定义属性-W3Cbest前端开发

HTML/CSSCSS中的变量:自定义属性

2018-09-29967 次阅读赞(0)评论(1)

多年来,变量是最常请求的CSS功能之一。变量可以更轻松地管理颜色,字体,大小和动画值,并确保它们在代码库中的一致性。 花了几年时间研究语法的细节,并决定变量如何适应控制级联和继承的现有规则。现在,它们以CSS“自定义属性”的形式供开发人员使...