Fork me on GitHub

随笔分类 -  CSS3

最新前端笔记整理
摘要：内容包括：HTML5、CSS3、jQuery等一系列教程笔记和案例！ https://tujiawang.github.io/ 地址：笔记 阅读全文
posted @ 2017-01-06 23:41 土家肸哥 阅读(82) 评论(0) 推荐(0)
字体图标的运用
摘要：目前有很多网站做图标都会用到字体图标，今天就介绍下字体图标的使用： 首先到阿里巴巴图标库下载图标字体：阿里巴巴字体图标库 第一步： 在阿里巴巴的字体图标网站中选择自己所需要的所有图标，按下图所示添加到购物车 第二步： 第三步：解压刚才下载的文件，将图中文件拷贝到项目中，可以放到font文件夹下以备管 阅读全文
posted @ 2016-12-24 20:17 土家肸哥 阅读(136) 评论(0) 推荐(0)
Css3阴影实例
摘要：阴影大约从CSS2就开始有了，但是只有Safari一个浏览器支持它，到现在依然是这样。阴影在CSS3中可以应用在边框和文字上，就像图片的阴影效果一样。一般可以分为： box-shadow textshadow CSS3的box-shadow和textshadow可以写做： box-shadow:Ap 阅读全文
posted @ 2014-03-11 09:38 土家肸哥 阅读(258) 评论(0) 推荐(0)
CSS3多列/多卷
摘要：使用CSS3可以为你的网站创建多列，而不用为每列制定特定的层或段落。 与多背景图片一样，CSS3多列也是我最喜爱的一个技术。我想这条CSS3属性有在报纸和杂志布局中以外的很多潜在的用途。如果你在某个想法或个人网站中使用了这种方法，请在下面的评论中提交你的链接，我很高兴能确认这种方法能用于很多中布局中 阅读全文
posted @ 2014-03-11 09:29 土家肸哥 阅读(162) 评论(0) 推荐(0)
CSS3中的动画功能（二）
摘要：上一篇文章讲解了css3动画中的一个即transitions，那么今天来说说另外一个animations。和transitions不同的是animations可以定义多个关键帧以及每个关键帧中元素的属性值来实现更为复杂的动画效果。首先来看一个示例： 下面解释以上代码：@-webkit-keyfram 阅读全文
posted @ 2014-01-11 11:06 土家肸哥 阅读(341) 评论(0) 推荐(0)
CSS3中的动画功能（一）
摘要：css3中的动画功能分为transitions功能和animations功能，这两种功能都可以通过改变css属性值来产生动画效果。今天带大家一起来看看css3动画功能中的transitions的用法。transitions用法：transition: property duration timing 阅读全文
posted @ 2014-01-11 11:05 土家肸哥 阅读(205) 评论(0) 推荐(0)
CSS3中的变形处理
摘要：在css3中，可以利用transform功能来实现文字或者图像的旋转、缩放、倾斜、移动这四种类型的变形处理。 旋转 旋转功能使用rotate方法参数中加入角度值，方向为顺时针旋转。示例清单如下： 效果图： 缩放 使用scale方法来实现文字或图像的缩放处理，参数为水平缩小度数和垂直放大倍数。示例清单 阅读全文
posted @ 2014-01-11 10:58 土家肸哥 阅读(192) 评论(0) 推荐(0)
CSS书写建议参考
摘要：总结一些CSS书写建议提供大给家参考，这些是参考了一些文章以及我的个人经验总结出来。 1.能缩写的就尽量缩写吧，毕竟谁都不想多些一些也可以提高阅读体验。包括类名、颜色和css属性。 2.连字符CSS选择器命名尽量不要使用下划线。理由的话我想如果同时按一个键比按两个键快些。 3.不要随意使用id，id 阅读全文
posted @ 2013-11-18 11:12 土家肸哥 阅读(216) 评论(0) 推荐(1)
防止表单重复提交的几种策略
摘要：表单重复提交是在多用户Web应用中最常见、带来很多麻烦的一个问题。有很多的应用场景都会遇到重复提交问题，比如：• 点击提交按钮两次。• 点击刷新按钮。• 使用浏览器后退按钮重复之前的操作，导致重复提交表单。• 使用浏览器历史记录重复提交表单。• 浏览器重复的HTTP请求。几种防止表单重复提交的方法禁 阅读全文
posted @ 2013-11-15 11:37 土家肸哥 阅读(153) 评论(0) 推荐(0)