10 个 css 代码片段 以下这 10 个常用的 css 代码片段值得收藏，都可以用于平常的业务代码当中。 1. 点点点加载中效果 这是一个兼容性不错的用户体验很棒的点点点加载效果，实现思路如下:

1.概念 1. 块级元素 block 定义 特点 独占一行 可以设置宽高，宽度默认100% 从上到下垂直排版 常用标签 2.行内元素inline 定义 常用标签 特点 从左到右排版，依次紧挨，放不下换

一些前置知识替换/非替换元素替换元素不直接显示html元素内容的元素，如img、input、iframe等替换元素尺寸video、iframe等默认宽高为300px、150px，img默认尺寸为0，加

块级元素：指段落、div之类的元素。 行内元素：指span之类的元素。 替换元素：只是作为其他内容的占位符的一个元素。例如img元素，它只是指向一个图像文件，这个文件将插入到文档流中该image元素本身所在的位置。input元素也是替换元素。 正常流：这是html文档的文本布局…

line-height 对于一个前端小可爱来说，应该是一个会经常碰面的老朋友了。可是有一天，我突然发现自己好像对他没那么了解，他也没有外表看起来的那么简单。 两个相邻的内联元素，字体一大一小，行高相同，由于第二段文字需要有字多情况就自动去下一行的效果，所以第二个span是inl…

中东地区，有很多国家，诸如像阿拉伯语、希伯来语，他们的阅读习惯却是从右到左的，恰好跟我们是相反的，所以本文探究的是在假定语言文案，图片等信息正确的情况下，如何使用一套代码，不仅可以支持像英文，中文等 LTR 布局的网站，也可以支持像阿拉伯，希伯来语等 RTL 布局的网站。

这是三篇 Sass/Scss 掌握文章中的第二篇，主要介绍最基础的使用和语法，可以看到，Scss引入的变量和嵌套，极大地方便了开发工作，结合其自带的插值表达式，使得css样式编写非常灵活...

最近在做移动端组件开发，碰到一个字重的问题，我们都觉得安卓不支持`font-weight: 500`，然后我试了一下我的安卓手机(小米12)竟然支持`font-weight: 500`。

轮播图经常会在项目里用到，但是实际上用到的轮播图都是比较简单的，没有复杂的特效，这个时候如果去引入swiper那些库的话，未免就有点杀鸡焉用牛刀了。所以不如自己手写一个，而今天我要分享的一种写法也