CSS Modules 详解

层叠样式表我们知道,css的全名叫做层叠样式表,这个“层叠”到底是什么意思呢?有一种解释是,如果你先写了一条样式规则(选手1):.title { color: silver;}然后...

css选择器有哪些?哪些属性是可以继承的?

CSS选择器:id选择器(#myid)、类选择器(.myclassname)、标签选择器(div, h1, p)、相邻选择器(h1 + p)、子选择器(ul > li)、后代...

如何合理使用CSS框架?

现在的网站风格已经与它们很早之前的样子有了很大的不同。如果现在再回过头去看有些公司最初的网站UI,我想大多数互联网用户都很难认得出来。所以也多亏了网页设计技术的创新,现在网站不仅仅...

什么是骨架屏(Skeleton Screen)?

骨架屏最近在项目不时有用到骨架屏的需求,所以抽时间对骨架屏的方案作了一下调研,骨架屏的实践已经有很多了,也有很多人对自己的方案作了介绍.在这里按照个人的理解做了一个汇总和分类,分享...

CSS结构性伪类选择器—nth-of-type实现自定义导航菜单案例解析(代码实例)

本文目标:1、掌握CSS中结构性伪类选择器—nth-of-type的用法问题:1、实现以下自定义导航菜单,且使用纯DIV+CSS,必须使用结构性伪类选择器—nth-of-type附...

CSS 中伪类的使用(干货)

css 伪类是用于向某些选择器添加特殊的效果,是动态的,指当前元素所处的状态或者特性。只有一个元素达到一个特定状态时,它可能得到一个伪类的样式;当状态改变时,它又会失去这个样式。这...

使用CSS实现皮卡丘

前言当我学完css和js后,冒出来一个想法。自己去实现一个可爱的卡通人物。于是我就去codepen找素材,最终选择了皮卡丘,如下图。准备工作在开始写皮卡丘之前,我先观察了皮卡丘的整...

使用 CSS 实现一个简单的骨架屏(Skeleton Screen)

前言在加载网络数据时,为了提升用户体验,通常会使用一个转圈圈的loading动画,或者使用Skeleton Screen占位。相比与loading动画,Skeleton Scree...

纯css实现加号“+”效果(代码示例)

本篇文章来给大家通过代码示例介绍一下使用纯css实现加号“+”效果的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。实现下图的加号效果:若想实现这个效果, 只...

为什么不建议使用@import引入css

不建议使用@import主要有以下两点原因:原因一、使用@import引入CSS会影响浏览器的并行下载使用@import引用的CSS文件只有在引用它的那个css文件被下载、解析之后...
正在加载中...

已加载全部内容

已经没有更多文章了

返回顶部