响应式网页设计的快速教程(适合个人站点)
所谓“响应式网页设计(Responsive Web Design)”也就是自适应,就是可以自动识别屏幕宽度、并做出相应调整的网页设计。
收藏 0赞 0分享
css移动端实现与pc端一样的:acitve效果
移动前端如何与pc端那样的一个:hover的效果,在看美团h5的页面时发现他们做对这个效果做得很好,它们只是多了一行代码而已,对body绑定了一个touchstart事件
收藏 0赞 0分享
不使用hover外部CSS样式实现hover鼠标悬停改变样式
在DIV+CSS网页布局中,有时我们不能直接使用外部CSS样式控制DIV样式,比如对a设置a:hover样式,可以使用onMouseOver和onMouseOut实现对a标签或其它html标签设置hover样式,需要的朋友可以参考下
收藏 0赞 0分享
IE浏览器单独写CSS样式的几种方法
这篇文章主要介绍了IE浏览器单独写CSS样式的几种方法,本文总结了IE hacks、条件注释 CSS、条件注释 html 标签3种方法,需要的朋友可以参考下
收藏 0赞 0分享
布局和排版教程 纯css3实现图片三角形排列
图片的布局和排版非常重要,纯大部分网页或多或少都会用到图片。特别是对于图片较多的网页,今天要给大写带来一款纯css3实现图片三角形排列。适合一系列的图片,需要的朋友可以参考下
收藏 0赞 0分享
CSS实现背景透明文字不透明的可行方法(兼容各浏览器)
使用css属性background-color的rgba轻松实现背景透明,而文字保持不透明,而IE6/7/8浏览器不支持 rgba,关于这个问题,下面有个不错的解决方法,需要的朋友可以看看
收藏 0赞 0分享
用css控制字符串的输出长度超出时隐藏
用到了width、white-space:nowrap;overflow:hidden;text-overflow:ellipsis等属性,其中width就是指定的长度
收藏 0赞 0分享
在固定大小DIV层插入N个图片使其一行排列
在固定大小的DIV层插入N多个图片,使其一行排列,超出层宽时出现滑动条,利用overflow属性可以实现,但是测试失败。后来利用div层叠实现了效果
收藏 0赞 0分享
CSS实现背景图尺寸不随浏览器缩放而变化的两种方法
一些网站的首页背景图尺寸不随浏览器缩放而变化,本例使用CSS 实现背景图尺寸不随浏览器缩放而变化,方法一. 把图片作为background,方法二使用img标签。喜欢的朋友可以看看
收藏 0赞 0分享
IE系列的Css if hack条件语法
浏览器的兼容性不容忽视,特别是在IE下,因此就出现了Css if hack条件判断。下面整理了一些常用的判断语句,大家还可以挖掘更多比较有实用价值的条件语法
收藏 0赞 0分享
页面背景图片的拉伸实现代码
用js插入一张图片并控制图片宽高,再利用CSS按比例缩放背景图片,下面是过程的具体实现,喜欢的朋友可以学习下
收藏 0赞 0分享