CSS
人鱼之伤
只是个人学习过程中的一些理解和随意的记录,如果有错误欢迎指出
展开
-
CSS的一些不常见的使用方法
:root 看到:root,以前没有见过,学习一下 :root是一个伪类,表示文档根元素,非IE以及ie8以上的浏览器都支持,在:root中声明相当于全局属性,只要当前页面引用了:root,那当前页面都可以使用var()来引用 :root { --main-bg-color: pink; } body { background-color: var(--main-bg-color); } ...原创 2021-10-13 13:26:39 · 63 阅读 · 0 评论 -
关于移动端布局的总结
布局视口 在移动端,在默认情况下,布局视口的宽度是远远大于浏览器的宽度。 两个视口是独立存在的,这也很好的解释了为什么对一个网页不进行移动端适配的情况下,用户进行阅读的时候,如果默认情况下布局视口的宽度等于浏览器宽度,那是不是展示起来更加的不友好。也就是说,如果一个 div的宽度为20%,那么它在布局视口宽度为 980px的时候,展示给用户的像素还有196px,而如果宽度只有 375px的情况下,宽度只有 75px,展示的大小相差特别大。 浏览器厂商为了让用户在小屏幕下网页也能够显示地很好,所以把布局视口宽原创 2021-09-30 21:20:08 · 128 阅读 · 0 评论 -
Sass中通过循环去设置样式
sass中可以设置变量,并且也可以通过设置循环的方法去设置样式 1、首先来说一下sass中的for方法 <template> <div> <div class="colored-div1">a</div> <div class="colored-div2">b</div> <div class="colored-div3">c</div> <div class="colo原创 2021-09-09 15:23:00 · 641 阅读 · 0 评论 -
svg和canvas的区别
1、svg绘制出来的每一个图形的元素都是独立的DOM节点,能够方便的绑定事件或用来修改,canvas输出的是一整幅画布。 2、svg输出的图形是矢量图形,后期可以修改参数来自由放大缩小,不会是失真锯齿。而canvas输出标量画布,就像一张图片一样,放大会失真或者锯齿。 ...原创 2021-09-06 23:12:50 · 136 阅读 · 0 评论 -
Less和Sass的区别
不同的点: 1、less是基于javascript的,sass是基于ruby的 less是前端处理,sass是服务器处理,sass的处理速度更快 2、sass的能力更强大 3、sass的变量用$,less的变量用@ 参考的文章: 参考文章原创 2021-09-02 16:46:59 · 252 阅读 · 0 评论