随笔分类 -  前端技术总结

上一页 1 2 3
CSS3 Flex实现元素的水平居中和垂直居中
摘要：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)
sublime编辑器的插件
摘要：一、安装及安装emmet插件 首先,去sublime官网下载软件：http://www.sublimetext.com/ ， 软件很小，我用的是最新版的text3，大家可以用目前稳定版text2。打开它的官网，我们就可以看到几个动画，演示sublime的强大功能。 其次，软件安装好了之后，我们来安装 阅读全文
posted @ 2017-09-30 15:37 南瓜壳 阅读(192) 评论(0) 推荐(0)
WOW
摘要：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动画的动画制作没有什么特别高深的地方，引入少量的css代码就能实现丰富多彩的页面效果是作为一个web前端开发者所推崇的，但我想要强调的是掌握并深入的理解css的基础，以及灵活的运用是做出一个画面美观、代码简洁、性能高效的css动画的必备技能。今天，我也就不再多做赘述，我就来说一说我在做css动 阅读全文
posted @ 2017-09-11 16:03 南瓜壳 阅读(3475) 评论(0) 推荐(0)
CSS3中文参考指南
摘要：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插件
摘要：整理一些常用的JS库，其中大多数是jQuery相关插件，也有Bootstrap辅助插件及非jQuery插件。其功能涉及：页面布局、图片幻灯片播放、图片像册展示、功能辅助等内容。本篇只是简单介绍插件功能，以后使用到相关插件时再补充介绍插件使用方法的文章。 1. jQuery Easing：jQuery 阅读全文
posted @ 2017-09-07 13:52 南瓜壳 阅读(402) 评论(0) 推荐(0)
关于png-24图片在IE的兼容性问题
摘要：<!--[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)
Flex 布局教程：语法篇
摘要：网页布局（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)

上一页 1 2 3