利用SASS/SCSS切换Vue项目主题 最近在做的项目使用到了主题切换,我也趁此机会学习了一下SCSS/SASS这门CSS编译型语言,特此研究并带实现一个Vue Demo中实现主题切换。 SCSS是SASS兼容CSS的版本,本文内全部使用SCSS一称。 ??大体思路如下: 1.使用vuex全局执行 ...
分类:
Web程序 时间:
2021-04-20 14:27:14
阅读次数:
0
转:http://paper.sciencenet.cn/htmlpaper/2021/4/202141123542661662565.shtm 美国洛克菲勒大学Luciano A. Marraffini、Charlie Y. Mo等研究人员合作发现,III-A型CRISPR免疫促进葡萄球菌突变。 ...
分类:
其他好文 时间:
2021-04-14 11:50:12
阅读次数:
0
一、精灵图 -->网站中的小图标,放在一张大的png中,使用小图时测量容器的大小,测量小图在整个精灵图中的位置,在background中设置负的位置 二、盒子模型 1、构成:内容 + padding + border + margin (margin控制位置,其余三个控制大小) 2、margin : ...
分类:
Web程序 时间:
2021-04-13 12:43:30
阅读次数:
0
行内元素: <span> <a> <i> <img> <button <input> <select> <strong> 粗体强调 <q> 段引用 <lable> 表格 块元素: <div> <h1>-6 <p> <form> <table> <ol> <ul> <li> <hr> 水平分割线 <c ...
分类:
其他好文 时间:
2021-04-13 11:54:01
阅读次数:
0
1.定位position的取值: static:默认值,静态的 relative:相对定位 absolute:绝对定位 fixed:固定定位 sticky:粘性定位 既然是定位了,不同定位之间的区别是参考系不同 position:static 特点:默认的定位方式,元素不受top,buttom,le ...
分类:
Web程序 时间:
2021-04-13 11:40:23
阅读次数:
0
1.父元素设置:text-align : center; 2.转化成块元素并设置宽度,设置margin : 0 auto; <div class="box"> <!-- <input id="input1" type="text"> --> <sapn id="input1">22222</sapn ...
分类:
其他好文 时间:
2021-04-12 12:52:10
阅读次数:
0
1.仅水平居中: 1.1行内元素水平居中:text-align 1 <head> 2 <style> 3 #box { 4 width: 200px; 5 height: 200px; 6 border: 1px solid red; 7 /* 行内元素水平 */ 8 text-align: cen ...
分类:
其他好文 时间:
2021-04-12 12:06:07
阅读次数:
0
一般默认编码是Windows系统的编码,就是ANSI编码或者说是GBK编码的,这样我们编写的很多应用比如php编写utf-8编码的应用在命令行下面运行时都会出现乱码的情况, 原因就是因为运行环境的编码使用自己的编码去解析程序运行结果,而程序本身返回编码和解析编码不一致,最后导致乱码情况的发生。 wi ...
分类:
其他好文 时间:
2021-04-10 13:37:34
阅读次数:
0
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< ...
分类:
其他好文 时间:
2021-04-10 12:58:45
阅读次数:
0
每个存在于可访问性树中的元素都会被浏览器绘制成一个盒子。
每个盒子都可以看成由4部分组成,它们分别是 — **元素外边距(margin)**、**元素边框(border)**、**元素内边距(padding)**和**元素内容(content)**。 ...
分类:
Web程序 时间:
2021-04-09 13:39:42
阅读次数:
0