css
零零历险记
一点一点
展开
-
关于css背景位置background-position属性
div { width: 200px; height: 200px; border: 1px dashed #ccc; background-repeat: no-repeat; background-position: center center; background-image: url(img/bg.gif); } x% y%:表示使用百分比定位,是将图像本身(x%, y%)的那个点,与背景区域的(x%, y%)的那个点重合。最终得到背景图像起始位置坐标的计算公式为: x = (对象的原创 2021-01-19 10:02:34 · 381 阅读 · 0 评论 -
字体小图标使用与优缺点
之前对换肤就是改变css与img中的路径来进行切换,但是效果与打包后的文件都不理想。使用字体小图标只要改变CSS中的font-size和color就可以。 现结合其他资料对其进行小总结下: 优势 轻量级:一个图标字体要比一系列的图像要小。一旦字体加载了,图标就会马上渲染出来,不需要下载一个个图像。这样可以减少HTTP的请求数量,而且和HTML5的离线存储配合,可以对性能做出优化。 灵活性:不调字体可以像页面中的文字一样,通过font-size属性来对其进行大小的设置,而且还可以添加各种文字效果,如color原创 2020-06-29 23:25:57 · 748 阅读 · 0 评论 -
css预处理器scss
CSS预处理和SASS语法 CSS预处理和SASS语法 为什么用SASS? SASS语法 1.变量 2.嵌套 3.计算功能 4.代码重用 继承 mixi...转载 2020-06-12 23:44:31 · 478 阅读 · 0 评论