css
-
用icon fonts来辅助CSS处理图片
这篇文章主要介绍了使用icon fonts来辅助css处理图片,在移动端网页的设计中使用较多,需要的朋友可以参考下 由于移动端设备拥有不同分辨率，PPI 等引起的问题， 常常需要针对不同屏幕分辨率来调整优化，如使用 @2x 图片， max-width 限制等。采用 css @font-face 用来…
-
CSS编写代码时的高性能总结
这篇文章主要介绍了css编写时的性能优化以及高维护性优化建议总结,包括雪碧图和尺寸设定等热门的讨论点,需要的朋友可以参考下 性能，这个词如今被炒的很热，也是每个开发者，由“知道”、“会做”之后必经的一个“怎样做好”的阶段。性能关乎用户在不同设备和不同网络状态下的体验。也被多方面因素所影响。此文说说c…
-
CSS中@规则的用法
这篇文章主要介绍了css中一些@规则的用法小结,是css入门学习中的基础知识,需要的朋友可以参考下 at-rule是一个声明，为CSS提供执行或怎么表现的指令。每个声明以@开头,后紧跟一个可用的关键字，这个关键字充当一个标识符，用于表示CSS该做什么。这是一个通用的语法，尽管每个at-rule有其它…
-
关于CSS Normalize的文件配置
这篇文章主要介绍了css normalize文件配置示例,对全局项目进行设置,需要的朋友可以参考下 作为前端工程师，很多人都有自己的一套CSS Normalize文件，这样能省掉开发过程中的不少麻烦，提高工作效率。在前人的基础上，我总结了自己的CSS Normalize文件，目前基本上每个项目都有在…
-
在CSS中对RGB颜色的使用分析
这篇文章主要介绍了CSS中对RGB颜色的使用详解,是CSS入门学习中的基础知识,需要的朋友可以参考下 RGB颜色模型解释 RGB颜色模型就是一种描述某个颜色里面有多少红、绿、蓝三原色的量的方法，就像把水彩颜料或油彩颜料混合起来得到某种我们想要的真实色彩一样。 想象下如果你要配出一个纯蓝色，为了实现这…
-
CSS中的inherit使用分析
这篇文章主要介绍了css中的inherit使用技巧小结,css中的继承关键字的使用是css入门学习中的基础知识,需要的朋友可以参考下 稍不留意便会忽略掉级联样式表的特点。大多数开发者都知道inherit关键字，但有几个新的CSS3继承特性你可能不知道… property: inherit; in…
-
利用css实现一款仿ios7的switches开关按钮
这篇文章主要为大家介绍了纯css实现的一款仿ios7的switches开关按钮,无需引js代码。在实现中给出了两种颜色,三种不同大小的demo,需要的朋友可以参考下 今天给大家介绍一款仿ios7的switches开关按钮。这款按钮也是纯css实现的。无需引js代码。在实现中给出了两种颜色,三种不…
-
css+transition做出显隐动画
这次给大家带来css+transition做出显隐动画，的注意事项有哪些，下面就是实战案例，一起来看一下。 我们先来看效果图 像这样的一个带过渡效果的小部件在我们实际开发中的应用几率还是比较大的，但是在开发微信小程序的过程中可能有的小伙伴发现transition这个属性它不好使（下面说明）所以我们这…
-
前端实战项目中20条CSS代码使用注意事项
这次给大家带来前端实战项目中20条CSS代码使用注意事项，下面就是实战案例，一起来看一下。 01、谨慎使用外边距属性 与其它的属性不同，垂直方向上的外边距相遇时将会发生折叠。这意味着如果一个元素的下边距遇到了另一个元素的上边距，那么二者中较大的一个将被留下。下面是一个简单的例子。 .square {…
-
CSS实战项目中书写规范与顺序
这次给大家带来CSS实战项目中书写规范与顺序，CSS实战项目中书写规范与顺序的注意事项有哪些，下面就是实战案例，一起来看一下。 CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, pa…
