我的博客

媒体查询：根据设备显示器的特性（如视窗宽度、屏幕宽度、设备方向等）来设定不同的CSS样式，媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成。

虽然另外三个border不显示，但还是占位的，像上面示例的向下三角形，我们可以把border-bottom的设置去掉，这样border-bottom就不占位了。其他方向的三角形以此类推。3、保留一个三角形，将不需要的border设置成透明的，想要哪个方向的就保留哪个的。4、各个border设置不同的宽度，可以得到不同形状的三角形。实现方法：利用元素的border画出三角形。记录于2023-7-12.

解决办法一：style去掉scoped// 修改前<style lang="scss" scoped>page { background-color: #f5f5f5;}</style>// 修改后<style lang="scss">page { background-color: #f5f5f5;}</style>解决办法二：为了避免页面的样式影响到其他页面，需要保留scoped。这时可以在另外一个没有scop

1. 代码如下<image class="xiaoxi-icon" src="../../static/icons/xiaoxi.png" :class="{'rotate':isPlaying}"></image>.rotate { display: block; animation: rotate 0.1s linear infinite;} @keyframes rotate{ 0%{ transform: rotateZ(0deg);

1、页面展示（uni-app项目）<view class="red-dot" style="width:24rpx; height:24rpx;border-radius:12rpx;background:#DB1F1F;"></view>2、css样式.red-dot{ animation:fade 1500ms infinite; -webkit-animation:fade 1500ms infinite;}@keyframes fade {

// 转载自：浅谈css的伪元素::after和::beforecss中的::after和::before已经被大量地使用在我们日常开发中了，使用他们可以使我们的文档结构更加简洁。但是很多人对::after和::before仍不是特别了解，究竟他们是做什么的？如何使用他们？什么时候应该使用他们？笔者总结了一些对伪元素的理解和使用经验。一、概念：1.定义从定义我们知道::before和::after匹配一个虚拟元素，主要被用于为当前元素增加装饰性内容的。他显示的内容是其自身的“conten

CSS学习笔记第一章 CSS概述CSS 指级联样式表 (Cascading Style Sheets)；第二章 CSS基本选择器第一节：CSS基本语法第二节：CSS基本选择器1）标记选择器2）类别选择器3）ID选择器第三节：在 HTML 中引入 CSS 的方法1、行内样式2、内嵌式3、链接式&...