CSS中设置字体颜色的方法_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
CSS中设置字体颜色的方法
上传于||文档简介
&&本​文​档​里​面​列​举​了​几​种​网​站​开​发​编​程​过​程​中​所​遇​到​的​颜​色​设​置​问​题​。​大​家​可​以​参​考​下
阅读已结束，如果下载本文需要使用
想免费下载本文？
你可能喜欢蓝色字体图标免费下载, Blue Font图标, PNG ICO, 图标之家
中国最大的图标免费下载网站
Blue Font 蓝色字体图标下载
> Blue Font图标
收藏到网摘：
ICNS图标：
PNG图标：&
Other Icons in Cats 2 Set (199 Icons)
Icons related to "Blue Font"
| Copyright (C) 2008您所在的位置： &
8.2.2　设置标注样式（2）
8.2.2　设置标注样式（2）
李波/胡俊/齐磊
电子工业出版社
《AutoCAD 2014中文版完全学习手册》第8章标注图形尺寸，本章主要介绍标注样式、尺寸标注，以及形位公差标注等方面的内容。通过本章的学习，读者要掌握标注样式的设置，以及长度、半径、直径、角度等标注方法，并掌握公差、粗糙度、形位公差等尺寸特征的标注。本节为大家介绍设置标注样式。
8.2.2　设置标注样式（2）
2．&符号和箭头&选项卡
&符号和箭头&选项卡包含&箭头&、&圆心标记&和&弧长符号&等多个选项组，用于设置箭头、圆心标记、弧长符号和折弯半径标注等的格式和位置。
（1）&箭头&选项组。
&第一个&、&第二个&、&引线&3个下拉列表框：分别用于设置第一个尺寸线箭头、第二个尺寸线箭头及引线箭头的类型。
&箭头大小&调整框：设置箭头的大小。
（2）&圆心标记&选项组。
&无&单选框：如选择该选项，表示不创建圆心标记或中心线。
&标记&单选框：表示创建圆心标记。
&直线&单选框：创建中心线。
如图8-6所示为对直径为40的圆，设置大小为3的&圆心标记&和&中心线&。
（3）&折断标注&选项组。&折断大小&调整框：设置折断标注的间距大小。
（4）&弧长符号&选项组。&标注文字的前缀&、&标注文字的上方&和&无&3个单选框：用于设置弧长符号&⌒&在尺寸线上的位置，即在标注文字的前方、上方或者不显示。
（5）&半径折弯标注&选项组。&折弯角度&文本框：设置折弯半径标注中尺寸线的横向线段的角度。
（6）&线性折弯标注&选项组。&折弯高度因子&调整框：设置&折弯高度&表示形成折弯角度的两个顶点之间的距离。
3．&文字&选项卡
&文字&选项卡用于设置标注文字的格式、放置和对齐。
（1）&文字外观&选项组。
&文字样式&、&文字颜色&、&填充颜色&3个下拉列表框：分别用于选择标注文字的样式、颜色和填充的颜色。
&文字高度&调整框：设置当前标注文字样式的高度。
&分数高度比例&调整框：仅当在&主单位&选项卡上选择&分数&作为&单位格式&时，此选项才可用。这个调整框用于设置相对于标注文字的分数比例。在此处输入的值乘以文字高度，可确定标注分数相对于标注文字的高度。
&绘制文字边框&复选框：用于设置是否在标注文字周围绘制一个边框。
（2）&文字位置&选项组。
&垂直&和&水平&下拉列表框：分别用于设置标注文字相对尺寸线的垂直位置和标注文字在尺寸线上相对于尺寸界线的水平位置。
&观察方向&下拉列表框：控制标注文字的观察方向，即是按从左到右阅读的方式放置文字，还是按从右到左阅读的方式放置文字。
&从尺寸线偏移&调整框：设置当尺寸线断开以容纳标注文字时，标注文字周围的距离。
（3）&文字对齐&选项组。该区域包括&水平&、&与尺寸线对齐&和&ISO 标准&3个单选框，选择3个单选框的效果如图8-7所示。
【责任编辑： TEL：（010）】&&&&&&
关于&&的更多文章
《AutoCAD 2014中文版完全学习手册》是《AutoCAD 2012中文版完全
本书描述了黑客用默默无闻的行动为数字世界照亮了一条道路的故事。
《MacTalk?人生元编程》是一本随笔文集，主要内容来
《haskell趣学指南》是一本讲解haskell这门函数式编程
indows域的核心价值是身份验证系统。域从出现（Window
信息安全风险评估理论研究日趋成熟，相关资料比较充分，但有关评估实际工作的参考资料很少。本书以信息安全风险评估实践为基础，
51CTO旗下网站17928人阅读
css技术（82）
作者同类文章X
一． 长度单位
1．相对类型
A． px （piexl）
像素，根据显示设备的分辨率的多少而代表不同的长度，因此属于相对类型。例如一张高宽为100px的图，在800×600分辨率中比在分辨率中大。因为两个分辨率中100px代表的长度不同。
这是设置以目前字符的高度为单位。比如h1{margin:2em},就会以目前字符的两倍高度来显示。em作为尺度单位时是以font-size属性为参考依据的，若是没有font-size属性，就以浏览器默认的字符高度作为参考。
2．绝对类型
绝对指无论显示设备的分辨率是多少，都代表相同的长度。
尺度单位名
in（英寸）
不是国际标准单位，极少使用
国际标准单位，较少用
mm（毫米）
国际标准单位，较少用
最基本的显示单位，较少用
pc(印刷单位)
应用在印刷行业中，1pc=12pt
Ps：可以看到，在CSS使用过程中相对类型长度单位使用较多，而绝对类型较少使用。
二． 颜色定义
在html页面中，颜色统一用RGB的模式显示，也就是通常人们所说的“红绿蓝”三原色模式，每种颜色都由着三种颜色的不同比重组成，每种颜色的比重分为0～255档。当红绿蓝三个分量都设置为255时就是白色，例如rgb(100%,100%,100%)和#FFFFFF都指白色。（FF即为16进制中的255）
在css中文字颜色是通过color属性设置的，示例如下：
h3{color:}
h3{color:#0000}
h3{color:#00f;}
h3{color:rgb(0,0,255);}
h3{color:rgb(0%,0%,100%);}
第1种是用颜色的英文名称作为属性值。
第2种是最常用的6位的十六进制数值表示。
第3种是第2种方式的简写方式。
第4种是分别给出红绿蓝3种颜色分量的十进制数值。
第5种是分别给出红绿蓝3种颜色分量的百分比。
三． 设置文字的字体
在此处我们先准备一个html页面，如果你不方便可以下载我这个4-3.html
然后在其头部增加如下代码：
&style type=”text/css”&
font-family:黑体;
font-family:Arial,”Times New Roman”,;
以上语句声明了html页面中h1字体使用黑体，文本段落同时声明了两种字体，分别是Arial字体和Times New Roman字体。其含义是告诉浏览器在访问者的计算机中寻找Arial字体，如果没有Arial字体，就寻找Times New Roman字体，如果两种字体都没有，则使用浏览器默认的字体显示。
font-family属性可以同时声明多种字体，字体之间用逗号分隔开。另外一些字体的名称中会出先空格，例如“Times New Roman”字体，这时要用双引号将其括起来，是浏览器知道这是一种字体名称，要用英文引号。
Ps:很多设计者喜欢多种多样的字体，但这些字体很多用户不会安装，因此一定要设置多个备选字体，避免浏览器直接替换成默认的字体。最直接的方法是使用了生僻字体的部分，用图形软件制作成效的图片，再加载到页面中。
四．设置字体的倾斜效果
文字的倾斜并不是真的把字体拉斜实现的，倾斜的字体是一个独立的字体，对应于操作系统中的某一个字库文件。
严格来说，在英文中，字体的倾斜有以下两种：
1.italic，即意大利体，我们平常说的倾斜都是指“意大利体”，大家看到各种文字处理软件上倾斜按钮是一个i字母，这就是原因。
2.oblique，即真正的倾斜，这就是把一个字母向右边倾斜一定的角度产生的效果。Windows操作系统下没有实现oblique方式的字体，只是找了一个接近它的字体来示意。
CSS中的font-style属性用来控制字体的倾斜，可以设置为“正常”、“意大利体”、“倾斜”三种样式，示例如下：
font-style:
font-style:
font-style:
在Windows上不能区分italic和oblique，他们都是按照italic方式进行显示的，这不是浏览器的问题，而是操作系统不够完善。
Ps:对于中文字体来说，并不存在这么多情况。另外，中文字体的倾斜效果并不好看，因此网页上很少使用中文字体的倾斜效果。
五．设置文字加粗效果
在html中使用&b&、或者&strong&将文字设置为粗体，在css中使用font-weight属性控制文字的粗细，可以将文字的粗细进行细致的划分，更重要的是css还可将本来是粗体的文字变成正常粗细。
font-weight属性的设置值
设置值
比正常粗细还细
共有9个层次100，200……900，越大越粗
实际上大多数操作系统和浏览器只能设置“正常”和“加粗”两种粗细，示例如下：
font-weight:
font-weight:
ps：在html中&b&和&strong&表现效果是一样的，但是&b&没有语义，&strong&表示“突出”、“加强”含义，大多数搜索引擎都对网页中的strong很重视。但是设计者一方面想引起重视一方面又不想以粗体显示。这时可以对&strong&使用”font-weight:normal”，这样就可以让其回复正常粗细，又不影响语义效果。
六．英文字母大小写转换
英文转换由属性text-transform属性控制，有三个值：
text-transform: /*单词首字母大写*/
text-transform: /*全部大写*/
text-transform: /*全部小写*/
示例如下：
&title&英文字母大小写转换&/title&
&style type=”text/css”&
text-transform:
text-transform:
text-transform:
&p id=”p1″&hello ALL world &/p&
&p id=”p2″&hello ALL world&/p&
&p id=”p3″&hello ALL world&/p&
浏览器结果：
我们可以看到如果设置text-transform:capitalize，原来是小写的单词则变为首字母大写，对于原来已经全部大写的单词，例如ALL，依然保持全部大写。
七．控制文字的大小
css通过font-size控制文字的大小，最常使用的单位是px和em。lem表示的长度是字母m的标准宽度。也可以用百分比做单位：“font-size:200%”表示文字大小为原来的两倍。
八．文字的装饰效果
在css中由text-decoration属性为文字加下划线、删除线和顶线等多种装饰效果。
text-decoration属性设置值
设置值
为文字加下划线
line-through
为文字加删除线
为文字加顶线
文字闪烁，仅部分浏览器支持
可以设置多个属性值。示例：
text-decoration:
注意：切勿将text-decoration输入成font-decroation
九．设置段落首行缩进
首行缩进由text-indent属性控制，中文段落首行缩进两个文字空白，示例：
text-indent:2
如果希望首行不是缩进，而是凸出一定距离，也称为“悬挂缩进”，示例：
padding-left:2
text-indent:-2
先使整个段落向右2em的距离，然后将text-indent属性设置为“-2em”，这样就会凸出两个字的距离了。
十．设置字词间距
letter-spacing 控制字母间距；
word-spacing 控制单词间距；
对于中文而言，要调整汉字之间的距离，需要设置letter-spacing属性，而不是word-spacing。
十一.设置段落内部的文字行高
css用line-height属性控制行高：
line-height属性的设置
设置值
数值，可以使用前面介绍的尺度单位
font-size的设置值的倍数
相对于font-size的百分比
行高就是设置行与行之间的距离，可以这么理解。
十二.设置段落之间的距离
css用margin控制段落之间的距离，margin称为“外边距”。示例：
margin:1px,2px,3px,4 上右下左边距依次为1234px
margin:1px,2 上下边距为1px，左右边距为2px
注意：两个段落之间的距离=其中外边距较大的值
SHISAN页面中插入图片可以起到美化的作用。插入图片的标记只有一个，那就是&img&标记。插入图片的时候，仅仅使用&img&标记是不够的，需要配合其它的属性来完成，如下表所示。
图像的源文件
width,height
宽度，高度
设定avi文件的播放
设定avi文件循环播放次数
设定avi文件循环播放延迟
设定avi文件播放方式
设定低分辨率图片
十三.插入图片
页面中插入图片可以起到美化的作用。插入图片的标记只有一个，那就是&img&标记。插入图片的时候，仅仅使用&img&标记是不够的，需要配合其它的属性来完成，如下表所示。
图像的源文件
width,height
宽度，高度
设定avi文件的播放
设定avi文件循环播放次数
设定avi文件循环播放延迟
设定avi文件播放方式
设定低分辨率图片
十四．图像的源文件属性SRC
配合src属性指定图像源文件所在的路径，就可以完成图像的插入了。
图像的低分辨率源文件属性LOWSRC
如果用户的浏览器速度很慢，网页设计者可以在页面中为其插入一张低分辨率的图像供显示。
十五.图像的提示文字属性ALT
提示文字有两个作用。当浏览网页时，如果图像下载完成，鼠标放在该图像上，鼠标旁边会出现提示文字。也就是说，当鼠标指向图像上方的时候，稍等片刻，可以出现图像的提示文字，这用于说明或者描述图像。第二个作用是，如果图像没有被下栽，在图像的位置上就会显示提示文字。
十五.控制文本的水平位置
css使用text-align属性控制文本的水平位置，如下表：
text-align属性的设置值
设置值
左对齐，也是浏览器默认的
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：444435次
积分：7171
积分：7171
排名：第1514名
原创：261篇
转载：152篇
评论：52条
(1)(4)(4)(3)(11)(3)(2)(3)(5)(9)(2)(9)(13)(2)(22)(9)(4)(7)(26)(31)(34)(10)(38)(29)(45)(38)(29)(1)(19)发现自己的知识体系有一段很大的空缺，就是对于 ARM 还是太缺少了解，下面是AVR系列单片机，上面是PC机、服务器，好歹...
您的浏览器不支持嵌入式框架，或者当前配置为不显示嵌入式框架。
Android SDK中带有很多例子，其中Ap...
[Cocos2D-X]初窥门径
版权所有: 红黑联盟--IT精英由此起航
内容来自互联网,仅供用于技术学习,请遵循相关法律法规.黑客不作恶.法律顾问: