Sass 和 SCSS 其实是同一种东西,我们平时都称之为 Sass,两者之间不同之处有以下两点:
文件扩展名不同,Sass 是以“.sass”后缀为扩展名,而 SCSS 是以“.scss”后缀为扩展名
语法书写方式不同,Sass 是以严格的缩进式语法规则来书写,不带大括号({}...
yekong
3年前 (2021-08-17)
喜欢
Sass(SCSS)
LESS
Stylus
Turbine
Swithch CSS
CSS Cacheer
DT CSS
...
yekong
3年前 (2021-08-17)
喜欢
Sass 是一门高于 CSS 的元语言,它能用来清晰地、结构化地描述文件样式,有着比普通 CSS 更加强大的功能。
Sass 能够提供更简洁、更优雅的语法,同时提供多种功能来创建可维护和管理的样式表。
Sass 是最早的 CSS 预处理语言,有比 LESS 更为强大的功能,不过其...
yekong
3年前 (2021-08-17)
喜欢
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;
...
yekong
3年前 (2021-08-16)
喜欢
如果在内部项目太多,一行排列不下的情况下,我们就需要设置内部项目排列不下时选择换行。
flex-wrap:wrap
align-content:flex-start
但是换行之后项目会根据整体布局进行调整,导致两行之间的间隙很大,所以我们还需要设置一个属性为 该样式用于让di...
yekong
3年前 (2021-08-06)
喜欢
css
.imgStyle{
filter: grayscale(100%);
filter: gray;
opacity:1;//通过改变透明度来调节灰色的程度
}
控制前
控制后
...
yekong
3年前 (2021-08-05)
喜欢
.anim-opacity2 {
animation: 2s opacity2 0s infinite;
-webkit-animation: 2s opacity2 0s infinite;
-moz-animation: 2s opacity2 0s infin...
yekong
3年前 (2021-06-30)
喜欢
img {
cursor: pointer;
transition: all 0.6s;
}
img:hover {
transform: scale(1.1);
}
...
yekong
4年前 (2021-06-10)
喜欢
.xuanzhuan {
animation: rotate 10s linear infinite;
}
@keyframes rotate {
0% {
transform: rotateZ(0deg); /*从0度开始*/
}
100% {
...
yekong
4年前 (2021-05-29)
喜欢
css
@keyframes warn {
0% {
-moz-transform: scale(0.3);
transform: scale(0.3);
opacity: 1;
}
50% {
-moz-transform: sca...
yekong
4年前 (2021-04-26)
喜欢