随笔分类 -  前端技术总结

摘要:CSS3 Flex实现元素的水平居中和垂直居中 转载 2017年03月06日 23:07:20 转载 2017年03月06日 23:07:20 网上有很多关于Flex的教程,对于Flex的叫法也不一,有的叫Flexbox,有的叫Flex,其实这两种叫法都没有错,只是Flexbox旧一点,而Flex是 阅读全文
posted @ 2017-09-30 16:37 南瓜壳 阅读(4597) 评论(0) 推荐(0)
摘要:一、安装及安装emmet插件 首先,去sublime官网下载软件:http://www.sublimetext.com/ , 软件很小,我用的是最新版的text3,大家可以用目前稳定版text2。打开它的官网,我们就可以看到几个动画,演示sublime的强大功能。 其次,软件安装好了之后,我们来安装 阅读全文
posted @ 2017-09-30 15:37 南瓜壳 阅读(192) 评论(0) 推荐(0)
摘要:wow.js中各种特效对应的类名 一、(页面在向下滚动的时候,有些元素会产生细小的动画效果。虽然动画比较小,但却能吸引你的注意。) 刚知道wow.js这个插件,之前访问别的网站下拉滚动条会出现各种效果感觉特别神奇,现在自己依葫芦画瓢也能弄出来这种效果了。 虽然效果出来了,但是网上并没有整理好的各种特 阅读全文
posted @ 2017-09-27 13:59 南瓜壳 阅读(158) 评论(0) 推荐(0)
摘要:<br /><style type="text/css">.css1{ color:#6699ff;border:1px #ff8000 dashed; margin-bottom:20px; width: 20em;/*不允许出现半汉字截断*/}.css2 { overflow: hidden; 阅读全文
posted @ 2017-09-11 17:02 南瓜壳 阅读(356) 评论(0) 推荐(0)
摘要:css动画的动画制作没有什么特别高深的地方,引入少量的css代码就能实现丰富多彩的页面效果是作为一个web前端开发者所推崇的,但我想要强调的是掌握并深入的理解css的基础,以及灵活的运用是做出一个画面美观、代码简洁、性能高效的css动画的必备技能。今天,我也就不再多做赘述,我就来说一说我在做css动 阅读全文
posted @ 2017-09-11 16:03 南瓜壳 阅读(3475) 评论(0) 推荐(0)
摘要:CSS3中文参考指南Bordersborder-color:控制边框的上右下左方向的颜色要和border-style:soild一起使用 border-image:边框为图片水平和垂直的平铺 border-radius:圆角属性Backgroundsbackground-origin:padding 阅读全文
posted @ 2017-09-11 10:37 南瓜壳 阅读(202) 评论(0) 推荐(0)
摘要:点击图片有个变化效果.index_news_img img{ display: block; height: 258px; width: 386px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0 阅读全文
posted @ 2017-09-08 11:06 南瓜壳 阅读(87) 评论(0) 推荐(0)
摘要:https://www.zhihu.com/question/60517583 前端一些常用的插件 iamjoel/front-end-plugins github里面的网址很多效果 阅读全文
posted @ 2017-09-07 14:11 南瓜壳 阅读(148) 评论(0) 推荐(0)
摘要:整理一些常用的JS库,其中大多数是jQuery相关插件,也有Bootstrap辅助插件及非jQuery插件。其功能涉及:页面布局、图片幻灯片播放、图片像册展示、功能辅助等内容。本篇只是简单介绍插件功能,以后使用到相关插件时再补充介绍插件使用方法的文章。 1. jQuery Easing:jQuery 阅读全文
posted @ 2017-09-07 13:52 南瓜壳 阅读(402) 评论(0) 推荐(0)
摘要:<!--[if IE 6]><script type="text/javascript" src="js/DD_belatedPNG.js"></script><script type="text/javascript"> DD_belatedPNG.fix('*');</script><![end 阅读全文
posted @ 2017-09-06 16:48 南瓜壳 阅读(230) 评论(0) 推荐(0)
摘要:css强制换行、强制不换行及自动换行的写法 css强制不换行 div{white-space:nowrap;} css自动换行 div{ word-wrap: break-word; word-break: normal; } css强制英文单词断行 div{word-break:break-all 阅读全文
posted @ 2017-09-05 09:34 南瓜壳 阅读(379) 评论(0) 推荐(0)
摘要:不能右击代码<script> document.oncontextmenu = function(){ return false; } document.onkeydown = function(){ if (event.ctrlKey && window.event.keyCode==67){ r 阅读全文
posted @ 2017-09-01 09:02 南瓜壳 阅读(135) 评论(0) 推荐(0)
摘要:网页布局(layout)是 CSS 的一个重点应用。 布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。 2009年,W3C 提出了一种新的方案 Flex 布局,可以简便、完整、响应式 阅读全文
posted @ 2017-07-25 15:18 南瓜壳 阅读(243) 评论(0) 推荐(0)
摘要:<!--搜索框代码--><div class="search"> <form action="products.php" method="post"> <input type="text" value="产品搜索" name="keyword" onclick="javascript:if(this 阅读全文
posted @ 2017-07-21 09:15 南瓜壳 阅读(467) 评论(0) 推荐(0)