前端教程

首页>前端教程

CSS3第四课:伪元素选择器,::before和::after就是左膀右臂!

讲完了伪类选择器,还有一个兄弟叫伪元素的选择器也把它搞定吧。它们都有一个伪字,说明都是不存在的,但是它们也有区别:伪类是一种状态,伪对象是不真正存在于HTML文档中的标签对象,但是它是以html对象的方式虚拟出现,并且可以通过css控制的对象。在最新的CSS3标准中,把伪对象的格式改成了双冒号,即:...

CSS3第三课:伪类选择器,为什么有一个伪字?

拖了好久的教程终于等到授课结束了,便开始马不停蹄的准备更新~~~今年自学了很多关于UI类的内容,在审美上又有了一些提高,以后做的案例更美美哒!一、CSS3新增伪类选择器在CSS1版本的时候,几乎都是:hover的天下,在CSS2版本的时候,增加了:focus这个常用的,CSS3版本就增加了:nth-...

带缩略图的产品放大镜jquery插件

有学生要仿电商网站,需要一个带缩略图的产品放大镜的插件,我觉得这个还不错,推荐给大家。这个插件有好几种效果,但是在初始化插件的时候,把几种效果的初始化放在一个js文件里面了,所以我专门做了一个案例,提取了一个效果,可供大家参考。效果演示案例下载链接:https://pan.baidu.com/s/1...

为什么看了无数教程,还是抠不好长头发丝,关键步骤没告诉你!

通道一直是ps初级课程里面一个相对较难的知识点,今天暂且不谈通道的具体原理,就讲一个抠长头发丝的小技巧。网上很多教程讲解抠长头发丝,都是利用通道来完成,但是为什么都是一样的步骤,你扣出来就是一团糟呢,关键的核心步骤好多教程都没有讲清楚。今天我举一个栗子。一、找一张长发飘舞的照片,质量要高,这是抠图的...

网页设计中是如何计算网格系统的?

宽屏时代,1920px的画布,满足大屏幕显示器,可以通过背景的100%让屏幕填充完整。内容版心区域在960px-1350px之间,满足1024分辨率的显示器和1366分辨率的笔记本电脑用户。其实现在pc端都是宽屏时代了,所以pc端的网页几乎都是以1280或者1440分辨率为最低需求。可以通过百度的流...

学ps,你应该知道的《PS礼仪手册》!

好东西要分享!无意之间在美丫姐分享的文章中发现了《PS礼仪手册》,一眼就看出这是个好东西。很多人用了好几年ps,你看他的源文件的时候都要强忍一腔怒火,为什么呢,你看完这个手册再来回复:你中了几条?整个手册从文件管理、图层、图片、字体、特效、练习、测试、导出这些方面进行了统一的规范,规范可以让我们更高...

jquery插件推荐:Unslider超小的轮播,支持鼠标经过停止播放和响应式

图片轮播插件有很多,今天发现自己网站的幻灯片鼠标经过不能停止播放,还没有看清楚banner上的内容呢,就播放下一张图片了,很是郁闷。就想着能不能找一个鼠标经过停止播放的轮播插件呢,无意间发现站酷的轮播banner图就是可以停止的,然后翻了一下它的源码,发现了一个名字叫Unslider的js文件,百度...

导航栏页面跳转时,如何为当前页添加选中状态的样式?

当我们制作导航栏的时候,希望在当前页添加一个选中的状态,方便用户识别自己的当前位置。如图所示:完成这个效果有两种方法,一种是在a标签上添加current样式,一种是在li上面添加current样式,两种办法都可以。一、HTML结构<div class="divNavBar&...

jQuery插件推荐:fullpage强大的全屏滚轮效果,太强大!

全屏滚动结合css3动画,可以实现非常大气炫酷的效果,特别适合产品介绍、专题页等。推荐一个fullpage插件,功能强大,几乎可以包括所有全屏滚动的效果。动图效果如图:插件展示插件下载链接:http://pan.baidu.com/s/1mimNNZy 密码:1tf2主要功能有:支持鼠标滚动支持前进...

jQuery插件推荐:功能超全的图片灯箱效果,缩放、全屏、缩略图等都有!

用过很多lightbox和fancybox等图片灯箱效果,今天这款插件几乎包括你所有的想象,简直就是大而全的灯箱效果。特别适合用来做相册。效果图如下:插件演示插件下载链接:http://pan.baidu.com/s/1pLqf7cB 密码:484xlightGallery是一款轻量级、可定制、响应...
Top