HTML如何设置字号大小和颜色,css如何设置字体大小和颜色？

设计网页时，一般设置body的字体，让其他标签继承body的字体，这样设置特别方便，但是标题标签h1到h6和表单标签(input类型)是没有继承body的字体属性的，它们的字体需要单独设置。

css如何设置字体大小和颜色？

设置字体的大小

在CSS中，字体大小可以使用font-size属性来设置。

font-size 翻译为中文是“字体尺寸”，它的单位一般是px(像素)或em(字体高度)。

示例：font-size : 1em;

说明：

1、中国的许多网站的默认字体是12px，而且很多人使用的是IE浏览器，像IE6，用户是不能改变网页字体大小的，而现在主流的浏览器，只需要按住Ctrl后，滚动滑轮就可以放大缩小网页了。

2、单位em是一种相对的字体高度，一般的浏览器都默认为16px，需要注意的是，em会继承父元素的字体大小。

比如设置body字体大小为1em，p的字体大小为0.8em，那么换算为像素，p标签的实际单位是 1 * 0.8 * 16px = 12.8px。

不过，为了简化em和px的换算，一般设置body的font-size为62.5%，然后使用em设置其他标签的字体大小，这样，em换算为px只需要乘以10就行了，比如1em = 1 * 62.5% * 16px = 10 px

3、很多人都推荐使用em作为网页字体单位，有2点好处，不过我的实践告诉我，似乎并不太重要。

(1)当对IE6设置了字体更大或更小后，所有字体都可以按照比例放大缩小。不过，使用IE6的人越来越少了，现在主流的浏览器，按住Ctrl，滑动滑轮，就可以放大缩小了。

(2) 通过修改body的大小，就能按比例修改所有字体大小，因为body是其他字体的基准。这个一般是先设置body大小，然后设置其他标签大小，此时，若是修改了body的大小，其他标签的大小就会跟着变了。

设置字体颜色

在CSS中，字体颜色可以使用color属性来设置。

color是颜色的意思，color用来设置一个标签的前景色，表现出来也就是元素文本的颜色。

它的值，一般都是使用#加16进制的颜色值来表示。

示例：color : #f00;

更多web开发相关知识，请查阅 HTML中文网！！

HTML如何设置字号大小和颜色,css如何设置字体大小和颜色？相关推荐

html如何固定字号,css怎么控制字体大小？
css怎么控制字体大小?下面本篇文章就来给大家介绍一下在HTML页面中使用CSS控制字体大小的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. css怎么控制字体大小? 在CSS ...
matplotlib绘制图表，设置刻度标签、最大最小刻度、字体大小，label位置、刻度轴箭头等
matplotlib绘制图表,设置刻度标签.最大最小刻度.字体大小,label位置.刻度轴箭头等 1. 效果图 2. 源码 2.1 仅使用普通轴ax + fontdict 源码 2.2 使用mpl设置 ...
如何设置、检测浏览器所支持的最小字体大小？
转载设置浏览器字体大小说明:小于12px字体的设计,我们很少接触到,因为pc端那么大的面积,没有必要设计那么小.要是接触到这种设计,一年前的我往往会说:这个设计太搞笑了,pc端居然设计出来小于12 ...
字体大小的设置_老年人用智能手机，怎样更改字体大小？3种方法，手把手教您学会...
分享生活小妙招,共享科技新生活!大家好,欢迎来到今天的知识分享!我是你们的好朋友小俊! 我们的老年朋友在使用手机时候都会觉得字体太小,导致使用起来非常不方便,那么今天我就教大家三种方法来设置字体大小, ...
c语言cad改变字体大小,传授win7系统AUTOCAD2007调整字体大小的恢复方法
然而并是不所有的朋友都会解决win7系统AUTOCAD2007调整字体大小的问题,然后就向小编打探win7系统AUTOCAD2007调整字体大小的解决方法,于是小编就个大家整理的win7系统AUTOC ...
jsp调整字体大小font_jsp中CSS如何设置字体大小、斜体及颜色
我想在自己的网站中应用这个菜单,但是菜单的字体是固定的,应该怎样改变字体的大小(这个字体太小了,中文显示很难看!) 先解这个问题: 修改这两个CSS即可 .style1 {font-size: 30p ...
html字体加粗字号为2,【css】文字基本样式（颜色、倾斜、加粗、字号、行高、字体）...
一.字体基本样式首先我们先放置一些文字,基本所有的标签都可以设置字体样式的,这里就使用标签和来做示范啦. O泡时间到! 给我O泡给我O泡,O泡果奶OOO! 图1 基本文字效果注意,文字属性都是 ...
html字体修改微软字体大小,css设置字体(css怎么调整字体大小)
一般字体的设置包含:字体,字体大小,字体颜色 html设置字体的话有很多标签去设置1. h1,h2,h3,h4,h5,h6 标题其中定义最大的标题. 定义最小的标题.2. 采用. 用Css设置整个 ...
html设置顶部背景颜色,css怎么设置背景颜色？
css怎么设置背景颜色?下面本篇文章就来给大家介绍一下使用CSS设置背景颜色的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 在CSS中,可以使用background-colo ...

HTML如何设置字号大小和颜色,css如何设置字体大小和颜色？

HTML如何设置字号大小和颜色,css如何设置字体大小和颜色？相关推荐

最新文章

热门文章