随笔分类 -  CSS

摘要：1.背景颜色如果有多张图片，就可以使用background：url("img/img.jpg"),url("img/img,png"); 阅读全文

摘要：首先我们来说一哈a标签嵌套a标签的问题 然后我们展示的是这个样式，形成了2个a标签。那这个时候我们处理呢。。 第一：我们的a标签通常是用来处理超链接的。所以我们尽量不要使用a标签嵌套，可以使用span或者其他标签来处理 第二:我们可以使用object标签来嵌套 什么意思呢 然后展示的是这个样子。 这 阅读全文

摘要：CSS3我在5年之前就有用了，包括公司项目都一直在很前沿的技术。 最近在写慕课网的七夕主题，用了大量的CSS3动画，但是真的沉淀下来仔细的去深入CSS3动画的各个属性发现还是很深的，这里就写下关于帧动画steps属性的理解 我们知道CSS3的Animation有八个属性 其中1-7大多都有介绍，但是 阅读全文

摘要：CSS3对于background做了一些修改，最明显的一个就是采用设置多背景，不但添加了4个新属性，并且还对目前的属性进行了调整增强。 1、多个背景图片 在css3里面，你可以再一个标签元素里应用多个背景图片。代码类似与css2.0版本的写法，但引用图片之间需用“，”逗号隔开。第一个图片是定位在元素 阅读全文

摘要：关于流畅度，主要体现在前端动画中，在现有的前端动画体系中，通常有两种模式： JS动画与CSS3动画。 JS动画是通过JS动态改写样式实现动画能力的一种方案，在PC端兼容低端浏览器中不失为一种推荐方案。 而在移动端，我们选择性能更优浏览器原生实现方案：CSS3动画 目前对提升移动端CSS3动画体验的主 阅读全文

摘要：我们正常的页面的布置都是跟随文档流来渲染的，但是一些样式层叠或者其他的一些属性，需要定位才能生效，像z-index,如果没有加上position:relative;那么就不会生效。 我们可以这样理解，正常的文档流就相当于一张纸上渲染的东西，当要把纸折叠，或者是变换，脱离了这部分，那就需要通过规则来变 阅读全文

摘要：在谷歌浏览器下面，无论input框范围再小，input里面的文字也能按照大小显示出来。 但是在火狐浏览器下面，文字会被截断。 火狐浏览器下面显示的 谷歌浏览器下面显示出来的 这里input框里面的宽度只有10px，所以文字会有截断。 火狐浏览器对齐方式是上对齐。截断下面部分 阅读全文