站长资源
中国站长网站

标签:css3

纯Css选项卡的实现
CSS

纯Css选项卡的实现

全栈工程师阅读(340)评论(0)

Tap选项卡是大家最常用的功能之一,因为兼容性的问题目前大多朋友也都是用js书写,当然我也会用JS去书写,必定web端的应用你的用户群体是不不同的,兼容性自然是很重要的。 不过今天我们介绍的是用纯css的方式来写一个选项卡的功能,这里用到的...

推荐30个酷炫的鼠标悬停效果
CSS

推荐30个酷炫的鼠标悬停效果

全栈工程师阅读(520)评论(0)

在网页设计中,鼠标悬停效果常用于文字链接、产品图片、按钮等地方,然而随着CSS3的强大,鼠标Hover效果可以变得有更多玩法,实现很多以前用FLASH或Javascript才能实现的效果,而且比起前两者,用CSS代码则更容易实现! 今天我们...

25个适用于手机网站的菜单插件
JS

25个适用于手机网站的菜单插件

全栈工程师阅读(594)评论(0)

制作在桌面平台使用的网站菜单并不复杂,因为已经有很多案例给我们参考了,但是如果我要在手机网站制作呢?它的菜单要是怎么样显示?手机或平板电脑的分辨率比桌面电脑要小,一般菜单都不够位置展示,当然分行显示也是可以的,但是作为一个优秀网页设计,分行...

css聊天气泡对话框效果
CSS

css聊天气泡对话框效果

全栈工程师阅读(880)评论(0)

效果:  and  我们可以来分析下:要实现这种效果 无外乎就是一个矩形和一个小三角形 然后三角形定位上去就可以了,那么我们怎么样通过css来制作小三角形呢? 一:首先我们来看看css border属性,当我们把一个p ...

css实现三角形兼容所有浏览器
CSS

css实现三角形兼容所有浏览器

全栈工程师阅读(449)评论(0)

在当前流行的的网站上,我们经常会看到一些小三角形的下拉提示(微博顶部的下拉菜单),简单的方式可以使用一张图片代替,但是随着前端技术的发展,以及开发者对于前端性能的“吹毛求疵”,越来越多的前端开发者开始“返璞归真”,在能不使用图片的场景中减少...

css中rem与px转换
CSS

css中rem与px转换

全栈工程师阅读(1142)评论(0)

rem是相对于根元素<html>,这样就意味着,我们只需要在根元素确定一个参考值,这个参考值设置为多少,完全可以根据您自己的需求来定。 我们知道,浏览器默认的字号16px,来看一些px单位与rem之间的转换关系: | px | ...

CSS LINT检测你的css样式
CSS

CSS LINT检测你的css样式

全栈工程师阅读(477)评论(0)

CSS Lint 能线上分析并检测你的网站 CSS 样式表有无任何潜在问题,使用方法很简单,只需要把 CSS 内容复制贴上,最后按下 LINT!按钮就可以检查。底下有一些设定项目可以调整检测的项目和规则,预设是...

响应式布局设计详解
CSS

响应式布局设计详解

全栈工程师阅读(437)评论(0)

响应式布局等于流动网格布局,而自适应布局等于使用固定分割点来进行布局。 自适应布局给了你更多设计的空间,因为你只用考虑几种不同的状态。而在响应式布局中你却得考虑上百种不同的状态。虽然绝大部分状态差异较小,但仍然也算做差异。它使得把握设计最终...

纯css的轮播图效果
CSS

纯css的轮播图效果

全栈工程师阅读(557)评论(0)

<p> 很多进入前端的新人,都看不起css,认为自己能把页面布局出来了,css没什么难度,一心羡慕那些会写JS的大神。JS固然重要,但是随着css3的普及,JS逐渐从担当网页效果的角色中淡出,而且随着html5的普及,连一些简单...