随笔分类 -  CSS3

CSS清除浮动的方法
摘要：转自：http://www.cnblogs.com/qiye2016/p/5868217.html#undefined 一直在找这种清除浮动的方法，平常用的最多的就是clear：both； 但是总觉得不舒服，总感觉这东西不属于CSS，O(∩_∩)O哈哈~，个人感觉啦。 所以想找其他的方法，来解决浮动 阅读全文
posted @ 2017-04-18 11:29 糖粑粑 阅读(128) 评论(0) 推荐(0)
CSS3教程:border-image属性
摘要：一、border-image的兼容性border-image可以说是CSS3中的一员大将，将来一定会大放光彩，其应用潜力真的是非常的惊人。可惜目前支持的浏览器有限，仅Firefox3.5，chrome浏览器，Safari3+支持border-image。所以，就本文而言，IE浏览器可以回家休息了，F 阅读全文
posted @ 2017-04-13 22:31 糖粑粑 阅读(453) 评论(0) 推荐(0)
前端总结·基础篇·CSS（二）视觉
摘要：目录 一、动画（animation）(IE10+,-webkit-,-moz,-o-)（CSS3） 动画抵达的过程是连续的，还原的过程是突发的。放完了就还原，就是这么任性。 1.1 定义动画 定义动画可以用from-to的两个定点形式，也可用百分比（0%、50%、100%）的多个定点形式。 1.2 阅读全文
posted @ 2017-02-28 10:10 糖粑粑 阅读(267) 评论(0) 推荐(0)
前端总结·基础篇·CSS（一）布局
摘要：这是《前端总结·基础篇·CSS》系列的第一篇，主要总结一下布局的基础知识。 一、显示（display） 1.1 盒模型（box-model） 看图了解盒模 盒模型包括内容（content）、填充（padding）、边框（border）、边距（margin）。我们给元素设置的高度，是内容（conten 阅读全文
posted @ 2017-02-28 10:08 糖粑粑 阅读(287) 评论(0) 推荐(0)
CSS中!important的使用
摘要：本篇文章使用最新的IE10以及firefox与chrome测试（截止2013年5月27日22:23:22） CSS的原理： 我们知道，CSS写在不同的地方有不同的优先级， .css文件中的定义 < 元素style中的属性，但是如果使用!important，事情就会变得不一样。 首先，先看下面一段代码 阅读全文
posted @ 2017-01-16 21:13 糖粑粑 阅读(255) 评论(0) 推荐(0)
纯CSS气泡框实现方法探究
摘要：气泡框（或者提示框）是网页中一种很常见的元素，大多用来展示提示信息，如下图所示： 拆分来看，形如这种气泡框无外乎就是一个矩形框+一个指示方向的三角形小箭头，要制作出这样的气泡框，如果解决了三角形小箭头就容易了。一种方法就是制作这样一个三角形箭头的图片，然后定位在矩形框上。但这种解决办法在后期更改气泡 阅读全文
posted @ 2017-01-13 18:02 糖粑粑 阅读(167) 评论(0) 推荐(0)