如何用js解决字体颜色随机变换？

Posted 2023-05-10

首先你必须知道表达颜色的几种方式
1、通过英文单词 如：green
2、通过十六进制 如：#ffffff
3、通过rgb 如：RGB(255,255,255)
如果是通过英文单词的话，可以通过自定义一些颜色英文单词数组，然后从数组中随机取值，然后赋值给标签相关属性就可以了。如果是通过第二种方式的话，可以通过js里面的随机函数Math.random()拼接一个十六进制的数字。同样，在第三种方案也是通过系统随机函数来构造颜色。
至于字体的话，同理。不过只能采用自定义的方案了。 参考技术A 这个容易啊，我给你做一个闭包吧
（function(win)
var tools= random:function(x,y)
return Math.round(Math.random()*Math.abs(y-x)+Math.min(x,y));
,
//随机颜色
randomcolor:function()
var str=this.random(0,0xFFFFFF).toString(16);
return "#"+this.add(str,6);
,
//当位置不够时，在前面用0补位
add:function(str,num)
var s=str.toString();
var len=s.length;
if(len>=num)
return s;
else
var c=num-len;
for(var i=0;i<c;i++)
s="0"+s;

return s;
;
win.randomcolor=tools.randomcolor;
）(window)

如何用css设置网页字体[多图]

最好是使用大多数人的机器上可能有的常见的truetype字体。
Arial、Times Roman、Courier、Verdana和Century Gothic是常见的字体，中文里面Windows自带宋体、黑体及楷体。
如果你使用不常见的字体，不要忘记为没有此字体的浏览器指定替代的字体。
通过css设置font-family来制定字体集，浏览器可以顺序查找使用你制定的一系列字体，让你的页面看起来还不错。
・装饰性字体组好只用于标题。然后用css的font-family指定缺省字体。
・不要过分地使用字体，在同一页面中不要使用太多不同的字体。
通常使用两种字体就足够了：一种用于标题，一种由于文本。
某些字体组合常常无法工作。例如，不要再同一页面中使用script和斜体字体，不要在同一页面中使用一种以上的装饰性字体。
・尝试使用相同字型的不同浓淡度使页面更有趣。
如果你的页面相当乏味，没有图像，那么尝试设置促体的浓淡度（通过css的font-weight特性），这会使页面更生动。使用不用的浓淡度不仅可以使页面更吸引人，它还是组织信息的最有效的方法之一。
・不要在同一页面中放两种sans serif字体，除非你确实知道在做什么。
如果你要在同一页面中使用两种字体，它们应该来自两种不同的字型类别。
・不同的操作系统及浏览器中pt字会不一样大。
pt（磅）最早是用于印刷的字号，在windows和mac os里面，相同的pt值会对应不同的px（像素）值。唯一可靠的单位，就是px。
・设置字号的时候，要考虑好来你的网站的客人会是什么样的人？
如果你设置了固定的字号，比如12px，那么，对于普通浏览者来说，这是没什么问题的，但是如果你的网站的浏览者包括老人和视力有问题的人群，那么这个尺寸就太小了，最好提供个他们可以选择页面字体的权利。 参考技术A 考虑到用frontpage制作网页的人较多，同时它对其他网页编辑器的使用者也有一定的借鉴作用，
我们可以用css设置出无数种网页字体，但万变不离其宗，任何的变化都要遵循css的基本语法。因此我们先来了解一下css的基本语法，它是这样子的：HTML 标志 标志属性：属性值；标志属性：属性值；标志属性：属性值；…… 。设置字体时，只要正确的更改字体属性的属性值，就可以达到目的。字体属性共分五种：字族（font-family）、字体风格（font-style）、字体变形（font-variant）、字体加粗（font-weight）、字体大小（font-size），此外font属性是一个总体属性，可一一指定以上各种属性和属性值。它们的功能与属性值如下：
1、字族（font-family）
功能：通过font-family指定字体类型用于改变HTML标志或元素的字体，你可设置一个可用字体清单。浏览器由前向后选用字体。 其语法为：h1 font-family: 字体类型，字体类型，字体类型 2、字体风格（font-style)
功能：使文本显示为扁斜体或斜体等?属性值：normal-普通、italic-斜体、oblique-偏斜体 语法为：h1font-style:属性值 3、字体变形（font-variant）
功能：使文本中的小写字母显示为字体较小的大写字母，常用于设计特殊的标题。 属性值：normal（普通）和small-caps（小型大写字母） 语法为：h1font-variant:属性值 4、字体加粗（font-weight）
功能：用于设置字体笔划的粗细。本回答被提问者采纳 参考技术B css设置网页字体：利用到css中font 属性，具体设置包括：

font-style：字体样式。

font-variant：设置或检索对象中的文本是否为小型的大写字母。

font-weight：设置字体粗细。

font-size/line-height：字体大小/字体行高。

font-family：规定元素的字体系列。