分享你的福利
www.fankuiba.com

前端学习

前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展,HTML5,CSS3,前端框架的应用,跨平台响应式网页设计能够适应各种屏幕分辨率,完美的动效设计,给用户带来极高的用户体验。
日志与技术 | html引入另一个html-反馈吧 | 分享你的福利吧

日志与技术 | html引入另一个html

阅读(548)

想做一个纯html网址导航站,自用,不带后台的。百度脑图可以简单实现一个,但太多的话就比较凌乱了。 浏览器收藏夹也可以,层级太深就要翻很久了,对于我来说多1秒的操作都嫌慢。 更要命的就是不带后台,新增和编辑就很成问题。 自用放在本地,总不能...

[jQuery]语法高亮下复制代码功能

阅读(295)

目前使用的代码高亮(语法高亮)是Google Prettify,prettify.js,而早期一直在用Syntaxhighlighter,双击代码是可以全选的。另外,使用火狐貌似不支持点击直接复制的动作,所以打算在prettify上实现Sy...

CSS隐藏滚动条但不影响正常滚动-反馈吧 | 分享你的福利吧

CSS隐藏滚动条但不影响正常滚动

阅读(215)

由于某些原因你可能需要隐藏盒子的滚动条但又要它保持滚动效果。 百度找不到答案,谷歌或许你会找到。我就直接提供demo出来,运行代码来看效果吧。 有两种方法:大体思路是加一个外层div使用overflow:hidden对内层div进行遮蔽,而...

一大批漂亮的bootstrap响应式按钮来袭-反馈吧 | 分享你的福利吧

一大批漂亮的bootstrap响应式按钮来袭

阅读(205)

这次为大家送上一大批漂亮的bootstrap响应式按钮样式。扁平化的样式以及色彩,非常适合用在你的主题上,可以作为短代码加入编辑器随时调用。效果如下图: 按钮样式在下载的html中有注释字样–按钮css , 图标调用的是font...

[CSS]表格td内的字符截断

阅读(139)

常规字符截断的方式为: <div style="width:300px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;"> 任意长度的字符串 </...

[CSS]HTML网页高度变化导致页面抖动的解决方法

阅读(158)

偶尔会遇到这种情况:当首页文章很少,打开文章后BODY,HTML高度变化时,HTML网页的高度刚好够一个屏幕,但是又没有超出屏幕的边缘,这时候,如果一个元素多了1px,那么就会出现网页无缘无故的抖动,很是影响用户体验。 可以使用以下CSS代...

纯CSS打造时间轴式的评论留言列表效果-反馈吧 | 分享你的福利吧

纯CSS打造时间轴式的评论留言列表效果

阅读(198)

时间轴式的效果在众多网页前端上都有呈现,运用得当会给人眼前一亮的感觉。 如果把它使用在我们网站的评论列表上更是恰到好处,老外称之为 Timeline-Style Comments ,使用一种洁净并且简单的技巧来展示时间轴类型的评论留言方式,...

[CSS3]采用伪类给body设置内阴影效果-反馈吧 | 分享你的福利吧

[CSS3]采用伪类给body设置内阴影效果

阅读(276)

当我们需要给一个页面设置内阴影效果时,一般都是先设置一个高度和宽度的100%的div盒子,然后给这个盒子设置内部阴影,但是若使用CSS3的伪类before,采用以下的代码,我们可以更轻松地给body标签设置内阴影的样式。 效果 CSS代码 ...