web怎么改变字体颜色和位置？
1、首先打开hbuilder软件，新建一个html文件，里面写入3个p标签，再在style标签中设置p标签的基本样式，包括间距，字体大小等属性：
2、然后在style标签中用3种方法设置文字颜色，第一个p标签用16进制设置颜色，每两个数字为一组，最大数字为ff，它们代表红绿蓝三种颜色；第二种方法是rgba，也是红绿蓝三种颜色，只不过值变成了数字，最大为255表示颜色最鲜艳，比如把第一个设置为255就是最红：
3、第三个标签使用HSL色彩，其中H代表色调，值最大为360，0和360也是红色，其他颜色在中间；s是饱和度用百分比来表示，0%表示最暗，100%表示最亮；L表示亮度取值也是百分比；rgba和hlsa中a都表示透明度，取值在0.0到1.0之间，0.0是完全透明，1.0为完全不透明：
4、最后打开浏览器就能三种方法表示出的颜色 ：
首先打开hbuilder软件，新建一个html文件，里面写入3个p标签，再在style标签中设置p标签的基本样式，包括间距，字体大小等属性，在ie窗口中--查看--文字大小--选“较大”或“最大”，font 标签内设置 color 属性 + 对应颜色值即可设置 font 标签对象内字体颜色.
网站所有颜色，图片如何轻松转换成灰度图？
为表达全国各族人民对抗击新冠肺炎疫情斗争牺牲烈士和逝世同胞的深切哀悼，国务院决定，2020 年 4 月 4 日举行全国性哀悼活动。在此期间，全国和驻外使领馆下半旗志哀，全国停止公共娱乐活动。4 月 4 日 10 时起，全国人民默哀 3 分钟，汽车、火车、舰船鸣笛，防空警报鸣响。
一般在全国哀悼日，国内各大网站都会将整站换成素装。并建议中国所有站点更换为素装。为方便站点变换，特提供 css 滤镜代码，以表哀悼。以下为全站 CSS 代码。
<style>html{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);_filter:none}</style>
使用方法：将此段 CSS 放置在网页 head 标签中，网站即可变为黑白灰的色调。
我这里以今日头条的PC版网页为例，采用google的chrome浏览器分析网页的html代码，深入解析彩色图片显示为灰色图的原理。
第一步，用笔记本电脑打开chrome浏览器，在地址栏中输入今日头条的网址www.toutiao.com 如下图，整个网页成了灰色。
第二步，打开chrome的开发者工具；
按“F12"键， 或者依次点击“更多工具”->“开发者工具”。
第三步，利用开发者工具中的元素选择按键选择网页上的元素进行分析，
如下图，点击选择下图所指的图标，并将鼠标移动到左边网页区域，再鼠标点击网页任何位置。
在HTML源码显示的区域，将滚动条拉至最上方,找到下面这一条html语句:
<html style="filter: grayscale(100%);">
正是这一条语句,将整个html的css样式滤镜设置为灰色.
点击鼠标右键,点击"Edit as HTML",再通过删除style="filter: grayscale(100%);"将该滤镜删除.
网页又恢复了彩色.
至于怎么样将css样式渲染在网页上,则是浏览器引擎干的事情.
浏览器引擎非常重要的一项工作就是将html标签根据css样渲染成友好的页面呈现在大家面前.
而这些新闻类的APP大多是web app,也就是APP上内置了浏览器,只是将网页通过该内置的浏览器演示出来.
其本质还是一个html的网页.