CSS中如何设置字体的颜色、风格、大小、类型等-S8站长门户【字体】css规定字体样式_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
【字体】css规定字体样式
上传于||暂无简介
阅读已结束，如果下载本文需要使用0下载券
想免费下载更多文档？
定制HR最喜欢的简历
你可能喜欢CSS font-size字体文字大小样式属性
CSS font-size字体文字大小样式属性
单词：font-size语法：font-size : absolute-size | relative-size | length取值：xx-small | x-small | small | medium | large | x-large | xx-largexx-small:最小x-small:较小small:小medium:正常(默认值)，根据字体进行调整large:大x-large:较大xx-large:最大也可取具体长度单位值2、font-size使用方法&&&font-size:12 设置对象具体字体大小为12pxfont-size:xx- 设置文字大小为最小font-size: 设置文字字体大小为小font-size:x-设置对象字体大小为较大font-size:设置对象字体大小为大font-size:相对于父容器中字体尺寸进行相对减小font-size:50%;相对于父容器中字体尺寸进行相应调整为50%大小font-size:150%;相对于父容器中字体尺寸进行相应调整为150%大小3、 对应DIV+CSS代码：01. & !DOCTYPE html && 02.& html & 03.&head& 04.&meta http-equiv="Content-Type" content="text/ charset=gb2312" /& 05.&title&font-size字体大小测试-DIVCSS5实验&/title& 06.&style type="text/css"& 07.body{ font-size:12 line-height:24} 08..exp1{font-size:12} 09..exp2{font-size:xx-} 10..exp3{font-size:} 11..exp4{font-size:x-} 12..exp5{font-size:} 13..exp6{font-size:} 14..exp7{font-size:50%;} 15..exp8{font-size:150%;} 16.&/style& 17.&!--&&--& 18.&/head& 19.&body& 20.&div class="exp1"&我被font-size值为12px大小&/div& 21.&div class="exp2"&我被font-size值为xx-small大小&/div& 22.&div class="exp3"&我被font-size值为small大小&/div& 23.&div class="exp4"&我被font-size值为x-large大小&/div& 24.&div class="exp5"&我被font-size值为larger大小&/div& 25.&div class="exp6"&我被font-size值为smaller大小&/div& 26.&div class="exp7"&我被font-size值为50%大小&/div& 27.&div class="exp8"&我被font-size值为150%大小&/div& 28.&/body& 29.&/html&4、font size=5什么意思&&&有时我们看见或遇到如：&font size="5"&内容&/font&这个方法也是直接使用font标签加size设置对象字体大小。这里5代表设置对象字体大小为5号字。大家可以使用此方法测试测试比如设置size="2"、size="3"、size="8"等等不同值观察观察区别并掌握。5、CSS font-size常见运用&&&5-1、直接标签内使用font-size设置对象内容字体大小&div style="font-size:14px"&我被设置字体大小为14px&/div&5-2、使用标签与CSS样式分离设置对象内容字体大小（推荐）CSS代码：.divcss5{ font-size:16}对应HTML DIV代码：&div class="divcss5"&我被CSS font-size样式设置字体大小为16px&/div&我们常常以此方法来设置对象字体大小。也就是所说的表现与CSS样式分离。6、对CSS font-size总结&&&我们使用CSS font-size设置对象字体大小样式，一般设置文字字体大小以具体长度单位值来确定对象内容文字大小。总之记住如CSS代码font-size:14px，即设置对象字体大小为14px（像素）。
发表评论：
TA的最新馆藏[转]&[转]&[转]&当前位置： >
CSS中如何设置字体的颜色、风格、大小、类型、重量以及一次设置多个样式
发布时间:日 06:22&|&发布者：&|&浏览次数：2752次
& & &&今天我们公司的设计师小周给大家介绍一下在CSS代码中，如何设置字体颜色、字体风格、字体大小、字体类型、字体重量以及一次设置文字的多个样式。
&　　1、字体颜色：举个例子，比如给字体加红，我们可以使用这个样的语句& span style = color: # ff0000；background - color: transparent "&红色文字&/ span &红色字母& span style = color: # ff0000；background - color: transparent "& &/ SPAN &文字的红色指定。
&　　2、字体风格：我们可以设置“斜”或“倾斜”。& span style font = - style: italic "& Italic &/ span & & span style font = - style: ITALIC "&斜体&/ SPAN &字体斜体指定。要指定斜体。正确的是“oblique”斜体指定，根据浏览器不支持的东西，所以有同样的风格的“italic”预先
& & &&指定比较保险。但是你指定的“斜”斜体，因为有一些浏览器不支持的方法，你指定的“倾斜”的风格是同源性安全。
&　　3、字体风格：font - size:字体的大小字体大小。指定“pt”、“em”、“in（inch）”等的算术单位的其他小的一方，从“xx - small”、“x - small”、“small”、“medium”、“large”、“x - large”、“xx”- large指定可以。“PT”，“排放”指定“，”其他单位，如算术（英寸），
& & & & & & &&“XX小”，“X -小”，“小”，“中等”，“大”从较小的“X大”，“大XX”可以指定。& span style font = - size:8pt "&8点的文字&/ span &8PT“&8点字符&跨度风格=”字体大小：&/ SPAN && span style font = - size: x - small "&小文字&/ span &小字符& span style font = - size: x - small "&&
& & & & & & & &&/ SPAN &通过浏览器“small”和“x - small”的尺寸等同的东西为了也有，严格的尺寸，固定如果想要“10pt”等的算术单位使用。使用如“10PT”算术单元，因为如果假定为“X -小”和“小”在浏览器上的大小相同，你要修复完全相同的大小。
&　　4、字体类型：font - family:也称为家庭类型字体的种类的指定。& span style font = - family: verdana，arial，helvetica，sans - serif "&字体的种类&/ span & & span style font = - family: verdana，arial，helvetica，sans - serif "&字体类型&/ SPAN &上述字体
的种类是复数指定也行。字体类型指定多个可如上所述。这个场合，浏览器对应着字体从前头优先表示开始。你可以在自己的浏览器上查看一下。“Times New Roman」一样的字体，家族空白的时候（引号）围着放置。如果有“宋体”字体家族中的天空格“括号（不带引号）。
&　　5、字体的重量：实际上，字体字体是有重量的，比如我们常说的这个字体多少多少磅。范围为100～900之间的100单位的数字，或是“bold”、“bolder”、“lighter”可以指定，我们可以使用这样的一句为郑州网站建设加粗：& span style font = - weight: bold "&粗体字&/ span &
&& span style font =郑州网站建设- weight: bold "& &/ SPAN &
& & &&6、一次设置文字的多个样式，我们使用font来一次指定文字的多个样式：比如我们可以使用这样的语句一次设置文字的重量、风格和类型。& span style font =:10pt bold italic arial "&字体指定&/ span &指定字体10PT加粗斜体宋体&&
| 建站知识 |
| 联系我们 |
| 合作留言| 百度地图| 谷歌地图
公司地址：郑州市金水区文化路优胜北路向西100米河南优胜电子商务产业园(河南芯互联大厦)室
电子邮件：
建站咨询：/(周一至周六 早上8：30-12：00 下午13：30-18：00) 24小时销售热线：
技术支持：5(7*24小时)
本站关键词：------Posts - 33,
Articles - 6,
Comments - 0
15:03 by web前端设计, ... 阅读,
[强制]&font-family&属性中的字体族名称应使用字体的英文&Family Name，其中如有空格，须放置在引号中。
所谓英文 Family Name，为字体文件的一个元数据，常见名称如下：
字体操作系统Family Name
宋体 (中易宋体)
黑体 (中易黑体)
Microsoft YaHei
Microsoft JhengHei
Hiragino Sans GB
文泉驿正黑
WenQuanYi Zen Hei
文泉驿微米黑
WenQuanYi Micro Hei
font-family: "Microsoft YaHei";
[强制]&font-family&按「西文字体在前、中文字体在后」、「效果佳 (质量高/更能满足需求) 的字体在前、效果一般的字体在后」的顺序编写，最后必须指定一个通用字体族(&serif&/sans-serif&)。
更详细说明可参考。
/* Display according to platform */
.article {
font-family: Arial, sans-
/* Specific for most platforms */
font-family: "Helvetica Neue", Arial, "Hiragino Sans GB", "WenQuanYi Micro Hei", "Microsoft YaHei", sans-
[强制]&font-family&不区分大小写，但在同一个项目中，同样的&Family Name&大小写必须统一。
/* good */
font-family: Arial, sans-
font-family: Arial, "Microsoft YaHei", sans-
font-family: arial, sans-
font-family: Arial, "Microsoft YaHei", sans-
font-family:'Lucida Grande', Verdana, Tahoma, Arial, sans-font-size:24line-height:22color:#666666;&/**//* 无衬托 h2~h3 */font-family:HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-font-size:21line-height:24color:#554d53;&&/**//* 手写 */font-family:Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua',font-size:15line-height:18color:#ada8a5;&font-family:'lucida Grande', Tahoma, Arial, Helvetica, 宋体, sans-font-size:14line-height:21color:#454545;&font-family:'Microsoft YaHei', 微软雅黑, 'Microsoft JhengHei', 宋体;font-size:14line-height:21color:#454545;&font-family:verdana, sans-font-size:18line-height:;color:#969696;&font-family:arial, sans-font-size:36line-height:36color:#3e3e3e;&font-family:Arial, 宋体;font-size:12line-height:18color:#333333;&font-family:Arial, 微软雅黑, 'Microsoft YaHei';font-size:12line-height:14&font-family:Verdana, Arial, Helvetica, sans-&font-family:'Microsoft Yahei', Tahoma, Arial, Helvetica, sans-font-size:12 /**//* 14px */line-height:20 /**//* 25px */&font-family:Helvetica, Helvetica, Geneva, Arial, sans-&font-family:G&font-family:'Helvetica Neue', Helvetica, Arial, sans-font-size:12line-height:14&font-family:'Hiragino Sans GB', 'Microsoft YaHei', sans-font-size:14line-height:16font-family:'lucida grande', tahoma, verdana, arial, sans- &font-family:'Helvetica Neue', Helvetica, Arial, sans- font-family:tahoma, arial, 宋体, sans-font-family:宋体, 'Arial Narrow';font-family:Tahoma, Helvetica, Arial, sans-font-family:Tahoma,}