html5字体设置,HTML5字体

html5不用font怎么设置字体颜色

html5不用font为字体设置颜色的方法：

1、定义要设置的文字范围，并用span标签包围

2、编写span的class，定义color属性。

html代码如下：

p这是一个测试 span class="redText"颜色/span 的例子/p

css编写如下：

.redText

{

color: red;

}

运行效果：

相关问答

Q1: html怎么改变字体大小和颜色

可以用css改变字体的大小和颜色。

1、新建html文件，在body标签中添加文字，这里以p标签内容为“演示文本”为例，这时网页将会显示字体默认大小和颜色：

2、在head标签中添加style标签给页面设置css样式，选择p标签，字体大小用的是“font-size”属性，属性值为字体大小，这里以“30px”为例，这时“演示文本”字体将会变大：

3、选择p标签，字体颜色用的是“color”属性，属性值为颜色，这里以红色“red”为例，这时“演示文本”字体将会变成红色：

Q2: 我用HTML5做手机网页，如何设置字体大小以适合各种设备？

一般你在用电脑做手机网页的时候，浏览器显示的比例和手机的比例为50%，就是说你在浏览器上面正常的内容在手机上只有50%的整体大小适配，所以说在浏览器做调试的时候把预览图缩小50%，然后调试各种属性的大小，显示正常后放到手机上就完美了

Q3: HTML5的Canvas怎样设置文本字体和字体大小

HTML5 Canvas的文本设置字体和大小，可以使用的字体在画布范围内的属性。

下面是一个简单的实例，基本语法：

context.font=[value];

HTML5 Canvas Text Font Size 例子

!DOCTYPE HTML

html

head

titlehtml5_canvas_text_size/title

style

body {margin: 0px;padding: 0px;}

#myCanvas {border: 1px solid #9C9898; margin:0 auto;margin-top:200px; margin-left:100px;}

/style

script

window.onload = function(){

var canvas = document.getElementById("myCanvas");

var context = canvas.getContext("2d");

var x = 150;

var y = 100;

context.font = "40pt Calibri";

context.fillText("Hello WEBJX!", x, y);

};

/script

/head

body

canvas id="myCanvas" width="578" height="200"

/canvas

/body

/html

Q4: 怎么修改html5的显示文字大小

设置html5中字体的大小,首先需要理解是css中的font属性，通过font-size来改变字体的大小，设置的方式，一般都是通过给这个元素的一个id或者是class来设置，具体看下面代码：

html

head

style

#round{

width:400px;

height:200px;

}

#round p{

color:#f00; //设置字体颜色为红色；

}

/style

/head

body

div id="round"

p测试文字/p

/div

/body

/html

Q5: HTML5中怎么设置字体颜色

在设置颜色时有多种方法：

采用颜色的英文单词 比如 red 指红色

采用#号，后面跟6位的16进制数字，比如：#ff0000 表示红色 每个数字的取值为0~9，a~f（a表示10，f表示15）。当第1~2位、第3~4位、第5~6位的数字分别相同时，可以缩写为3位，如 #ff0000可以缩写为 #f00， #3399ff可以缩写为#39f。对于#3699ff此类不满足条件的颜色值则不能缩写

采用rgb数值表示法，比如 rgb(255, 0, 0); 表示红色，三个数字分别表示红、绿、蓝，取值范围为0~255

采用rgba数值表示法，比如rgba(255, 0, 0, 0.5); 表示50%透明度的红色，最后一个数字表示透明度，取值为0~1之间的小数，0表示全透明，1表示不透明。