CSS 第2页

2020-06-07青梅博客阅读(662)评论(0)

在瞬息万变的前端开发世界中，很难找到一个真正有意义的概念，并且将其清晰明了的向广大人民群众普及。 把目光投向CSS，一个重大转折就是CSS预处理器的出现（在工具方面来看），其中，Sass应该是最为著名的一个。此外，还有 PostCSS，它和...

2020-06-07青梅博客阅读(454)评论(0)

CSS初学感觉很简单，但随着学习的深入才感觉CSS的水由多深，平常总会遇到各种坑，先总结一些经常遇到的坑 大小写不敏感 虽然我们平时在写CSS的时候都是用小写，但其实CSS并不是大小写敏感的 虽然把background-color写为了ba...

2020-06-07青梅博客阅读(561)评论(0)

:before和::before的区别 在介绍具体用法之前，简单介绍下伪类和伪元素。伪类大家听的多了，伪元素可能听到的不是那么频繁，其实 CSS 对这两个是有区分的。 CSS2及CSS3伪类区分 CSS3伪元素单双冒号区分 有时你会发现伪类...

2020-06-07青梅博客阅读(632)评论(0)

概念z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。 层级关系的比较 对于同级元素，默认(或position:static)情况下文档流后面的元素会覆盖前面的。 对于同级元素，positio...

2020-06-07青梅博客阅读(451)评论(0)

紧跟任何开发工具包的更新都是一件需要持续努力的事，特别是前端开发工具。 把你的注意力从方法和技术的洪流中移开一会，你就可能会错过什么！ 上周我遇到我的一个前端开发朋友，他很兴奋地跟我谈论他使用的一些新工具。其中最有意思的是使用 Grunt ...

2020-05-27青梅博客阅读(433)评论(0)

前言 作为程序员的我们，书写代码也需要大量的技巧。一份良好的代码能让人耳目一新，让人容易理解，同时也让自己成就感满满。因此，在这里简单的整理一些CSS开发技巧，希望能让你写出耳目一新、容易理解、舒服自然的代码。 CSS实用技巧第一讲：文字处...

2020-05-23青梅博客阅读(558)评论(0)

介绍 ANIX是一个轻量级且易于使用的动画库，在现代浏览器发挥优良的性能和良好的兼容性。它采用了原生的CSS属性的过渡，不是JS模拟动画，因此性能更好。并且可以使用硬件加速。ANIX不到3K的大小有多种版本的ANIX实现，UMD版本，jQu...

2020-05-23青梅博客阅读(723)评论(0)

首先放张效果图 然后一步步分析一下 首先是刚出现的新郎的动画 里面用到的知识点： animation：是一个简写属性，用于设置六个动画属性 animation-name 规定需要绑定到选择器的 keyframe 名称 animation-d...

2020-05-22青梅博客阅读(477)评论(0)

css作为前端三剑客，从诞生以来很少变化，css3都已经诞生了20年，和js的框架层出不穷相比，似乎css就不需要框架，就不需要更优化的写法。然而在追求极致的程序员面前，代码的可维护性，代码的优雅性有迫切希望改进css代码的编写，于是css...

2020-05-22青梅博客阅读(264)评论(0)

前言 在日常项目开发中，在布局方面有遇到哪些问题了？今天来一起看看CSS布局有哪些小技巧，后续开发更轻松。本文主要通过简单的示例，讲述开发中遇到的布局等问题，但不仅限于布局相关，会有其他相关知识点。 CSS实用技巧第二讲：布局处理 rem自...