CSS如何设置字体的类型、⼤⼩、颜⾊
设计⽹页时,⼀般设置body的字体,让其他标签继承body的字体,这样设置特别⽅便,但是标题标签h1到h6和表单标签(input类型)是没有继承body的字体属性的,它们的字体需要单独设置。
1.
<html>
<head>
<style type="text/css">
body
{
font-family : 微软雅⿊,宋体;
font-size : 1em;
color : #f00;
}
</style>
</head>
伤感爱情签名<body >
<h1>设置字体的类型、⼤⼩、颜⾊</h1>
<p>
CSS设置字体的类型、⼤⼩、颜⾊
周立波被捕</p>
</body>
</html>
2. 设置字体的类型
1. 1
字体的类型通过下⾯这段代码设置:
font-family : 微软雅⿊,宋体, 'New York';
font-family翻译为中⽂是“字体家族”,就是告诉浏览器,优先使⽤哪⼀种字体,谁排在最前⾯,就先使⽤这种字体,这⾥是“微软雅⿊”;
2. 2个人所得税怎么征收
多种字体使⽤逗号间隔,字体名中带有空格或#、$的,需要加单引号或双引号。
3. 3
如果操作系统中“微软雅⿊”,XP系统中就没有这种字体,那么就会使⽤“宋体”,如果没有“宋体”,就会再使⽤系统中默认的字体,不过操作系统中⼀般都是有“宋体”的,⽽且,如果没有给⽹页设置字体类型,⽹页就会按照操作系统中默认的字体来显⽰。
END
设置字体的⼤⼩
1. 1
字体⼤⼩通过下⾯这段代码设置:
font-size : 1em;
font-size 翻译为中⽂是“字体尺⼨”,它的单位⼀般是px(像素)或em(字体⾼度)。
2. 2
中国好声音的歌曲名单中国的许多⽹站的默认字体是12px,⽽且很多⼈使⽤的是IE浏览器,像IE6,⽤户是不能改变⽹页字体⼤⼩的,⽽现在主流的浏览器,只需要按住Ctrl 后,滚动滑轮就可以放⼤缩⼩⽹页了。
3. 3
单位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
4. 4
很多⼈都推荐使⽤em作为⽹页字体单位,有2点好处,不过我的实践告诉我,似乎并不太重要。
(1)当对IE6设置了字体更⼤或更⼩后,所有字体都可以按照⽐例放⼤缩⼩。不过,使⽤IE6的⼈越来越少了,现在主流的浏览器,按住Ctrl,滑动滑轮,就
可以放⼤缩⼩了。
(2) 通过修改body的⼤⼩,就能按⽐例修改所有字体⼤⼩,因为body是其他字体的基准。这个⼀般是先设置body⼤⼩,然后设置其他标签⼤⼩,此时,
若是修改了body的⼤⼩,其他标签的⼤⼩就会跟着变了。
END
设置字体颜⾊
1.
设置字体的颜⾊通过下⾯的代码:
color : #f00;
color是颜⾊的意思,color⽤来设置⼀个标签的前景⾊,表现出来也就是元素⽂本的颜⾊。企业性质分类>三星i9300怎么连接电脑
它的值,⼀般都是使⽤#加16进制的颜⾊值来表⽰。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论