您现在的位置：&& &
> 怎么设置div里面的字体颜色
怎么设置div里面的字体颜色
编辑: Tony
来源:网上收集
如图所示，a标签由于设置的是白色和按钮的颜色一致，导致字体不显示出来，这时候给div里面的字体设置一个颜色貌似就可以解决这个问题了
那么怎么修改div里面文本的颜色呢？
延伸阅读：
栏目最近更新
栏目本月排行
栏目总排行
免责声明:本站部分资源来自互联网收集，版权归原创者所有，如果侵犯了你的权益，请通知我们，我们会及时删除侵权内容，谢谢合作！
Copyright&
Inc.All rights reserved. 备案号：
微信公众号css教程之css设置字体颜色
作者：佚名
字体：[ ] 来源：互联网 时间：01-14 14:54:36
本文主要介绍了css设置字体颜色、css设置字体大小、css设置字体样式等字体属性使用方法，大家参考使用吧
font-size:18:设置字号color:#093:设置字色font-family:'宋体';:设置字体（要尽量使用通用的字体，就是用大家电脑上一般都有的字体，常用的是中文字体是宋体英文字体是arial）设置字体的时候将英文字体设置在前，中文设置在后如果想用比较特殊的字体，可以将其转换为图片line-height:150%;:设置行与行之间的距离font-weight:bold:设置字体的粗细（粗：bold 正常：normal）font&style:设置字体样式(normal正常，italic斜体)text-decoration:修饰文字(none正常，underline下划线，overline上划线，line-through删除线 blink闪烁（只支持IE6,7,搜狐）)letter-spacing:5px:字符间距（normal默认，length长度单位）word-spacing:5px:单词间距(normal默认，length长度单位
代码如下:&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "&a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&/a&"&&html xmlns="&a href="http://www.w3.org/1999/xhtml"&http://www.w3.org/1999/xhtml&/a&"&&head&&meta http-equiv="Content-Type" content="text/ charset=utf-8" /&&title&CSS字体控制&/title&&style type="text/css"&
body{font-size:18 color:#093; font-family:Arial, '汉仪行楷简'; line-height:300%; font-weight:bold}
div{width:400; height:50; background:#999; word-spacing:5}
h1{font-weight:font-style: text-decoration: letter-spacing:5 word-spacing:60}&/style&&/head&&/p&
&h1&主持召开&span&院&/span&会&/h1&
&h2&设置行与行之间的距离&/h2&
设置行与行之间的距离
&div&设置行与行之间的距离&/div&&/body&&/html&
大家感兴趣的内容
12345678910
最近更新的内容CSS中如何设置字体颜色_百度知道& & & & & & & & & & & & & & & & & & & &&
& cs&有许多样式文本的属性，本节主要是使用css来控制文本的 字体，格式 ，颜色，文本修饰等
一:改变字体和指定字体外观的属性
1：&用font-family属性定义网页中的字体，每个font-family包括一系列具相同特征的字体
& & & 字体系杨浦五种： sans-serif&&serif & monospace & cursive和fantasy. 而每个系有包括许多字体
Sans-serif Family
系列是没有衬线的字体 在电脑频幕上这些字体要比Serif字体更具可读性
Ssrif 系列是有衬线（指字母主线端的短细线）的字体，一般用于报纸印刷
Monospace Family系列的字母具有相同宽度。这些字体主要用来显示软件代码实例
Cursive 系列是一些看起来像是手写的字体，有时用于标题
　Fantasy 系列是一些有固定装饰的字体，这些字体并不多见，在规范Web设计中不常用。
font-family: Verdana, Geneva, Arial, sans-serif;
&2：用font-size属性控制字体大小
font-size: 14px;(使用像素)
百分数用与别的字体大小的相对值来定义字体大小&font-size:
还可以用em
定义字体大小
用&em & 是制定比例因数
&font-size：1.2& 还有一种就是关键字 &font-size:
3： 用color属性给文本添加颜色　
silver;(用词来指定颜色)
4：font-weight属性设置字体的粗细
font-weight:
bold， lighter, normal, bolder；
5:用text-decoration属性给文本添加更多样式。
& & & &应用text-decoration属性，可以用overlines,underlines和line-thoughs等来修饰文本
text-decoration： underline；
&二：给字体添加样式
& &italic(斜体) 文本 &是向右倾斜的有时候多一些弯曲的衬线，可以用font-style属性在css中给文本添加斜体（italic）样式：
Italic和oblique是让字体倾斜显示的两种格式。
font-style:
有的字体并不支持italic(斜体)格式，就用oblique斜体文本代替。oblique也是倾斜的，不过字体不是专门设计的倾斜字母，浏览器只是把普通字母倾斜显示了
font-style:
&三: &如何制定Web 颜色？方法有。。。
& & & 1. &可以用颜色名直接定义（17中颜色）17种颜色名预先定义了红色，绿色和蓝色三原色的比例
& & & & & 在css中可以这么写
background-color:
silver;(css颜色名不分大小写)
& &2. 可以根据红，绿，蓝的相对百分比来定义颜色
& &3. 可以用十六进制代码定义&&（是描述红，绿，蓝成分多少的简略表达法） （常用）
& & & & & &（1） &十六进制代码是以#开头的如 &#cc6600. &则
& & & & & & & & & & &前两位代表红色，中间代表绿色，最后两位代表蓝色。
& & & & & &（2）&十六进制代码基于16个数字（0-f）的。用十六进制，从0到15只需以为数就够了，9以上用字母
& & & & & & & & &如看到&b& &就知道是代表11
& & & & & &（3） 把十六进制颜色分成三部分： 每个十六进制颜色都由红色，绿色，蓝色三部分组成。
& & & & & & & & & & # &cc & &66 & 00
& & & & & & & & & & & &&&红 & &绿 & &蓝
& & & & & & & &把每个十六进制数转化成相应的十进制数 &每部分的值都可以换算成0&255的一个数。
& & & & & & & & & & & & &cc--&
& & & & & & & & & & & &&&12&16=192 & & 192+12=204&&十六进制的204等于十六进制的CC
& & & & & & & &下面的也这么算 &(6x16)+6=102 & & &(0x16)+0=0
& & & & & & & 完成
四： 关于text-decoraions的所有内容《含有下划线》
& & & &文本修饰允许你在浏览器，闪烁文本中添加一些underlines,overlines, line-throughts之类的修饰效果。
& & & 要添加文本修饰，只要在元素中设置tex-decorations属性便可
& & & & & &
text-decoration： line-
}这条规则将会使元素&em&d的文本中央有条线穿过
如果文本继承了你不想要的文本修饰，用&none&就可以去掉
text-decoration: none;(文本就没有修饰了)
&五：行间距
line-height属性可以定义文本的行间距
可以像其他与字体有关的属性一样，也可以用像素，em或百分数等与字体大小有关的值定义行间距
阅读(...) 评论()CSS中的字体大小设置属性总结
作者：weakish
字体：[ ] 来源：segmentfault 时间：05-24 11:49:16
这里我们整理了px、em以及CSS3中的rem三大文字大小设置方式,尤其是rem的相关知识,下面就一起来看一下CSS中的字体大小设置属性总结,需要的朋友可以参考下
在Web中使用什么单位来定义页面的字体大小，至今天为止都还在激烈的争论着，有人说PX做为单位好，有人说EMS优点多，还有人在说百分比方便，以至于出现了CSS Font-Size: em vs. px vs. pt vs. percent这样的PK大局。不幸的是，仍然有不同的利弊，使各种技术都不太理想，但又无法不去用。真是进也难，退也难呀。最近在学习em的相关知识的时候，无意之间让我拾得一宝，就是使用rem来设置Web页面的字体大小。让我一下子就来劲了，一口气看完并测试了一回，还真是爽歪歪的呀。师傅说好东西不能吃独食，于我就在这里给大家吹吹这个从没见过的REM。在详细介绍rem之前，我们先一起来回顾一下我们常用的两种记量单位，也是备受争论的两个：1.PX为单位2.EM为单位
PX为单位在Web页面初期制作中，我们都是使用&px&来设置我们的文本，因为他比较稳定和精确。但是这种方法存在一个问题，当用户在浏览器中浏览我们制作的Web页面时，他改变了浏览器的字体大小，这时会使用我们的Web页面布局被打破。这样对于那些关心自己网站可用性的用户来说，就是一个大问题了。因此，这时就提出了使用&em&来定义Web页面的字体。
em为单位这种技术需要一个参考点，一般都是以\&body&的&font-size&为基准。比如说我们使用&1em&等于&10px&来改变默认值&1em=16px&，这样一来，我们设置字体大小相当于&14px&时，只需要将其值设置为&1.4em&。
&&&&&&font-size:&62.5%;&&
&&&&&&font-size:&2.4&&&
&&p&&&{ &&
&&&&&&font-size:&1.4&&&
&&&&&&font-size:&1.4&&&
为什么&li&的&1.4em&是不是&14px&将是一个问号呢？如果你了解过&em&后，你会觉得这个问题是多问的。前面也简单的介绍过一回，在使用&em&作单位时，一定需要知道其父元素的设置，因为&em&就是一个相对值，而且是一个相对于父元素的值，其真正的计算公式是：1 & 父元素的font-size & 需要转换的像素值 = em值这样的情况下&1.4em&可以是&14px&,也可以是&20px&，或者说是&24px&，总之是一个不确定值，那么解决这样的问题，要么你知道其父元素的值，要么呢在任何子元素中都使用&1em&。这样一来可能又不是我们所需要的方法。
Rem为单位CSS3的出现，他同时引进了一些新的单位，包括我们今天所说的rem。在W3C官网上是这样描述rem的&&&font size of the root element&。下面我们就一起来详细的了解rem。前面说了&em&是相对于其父元素来设置字体大小的，这样就会存在一个问题，进行任何元素设置，都有可能需要知道他父元素的大小，在我们多次使用时，就会带来无法预知的错误风险。而rem是相对于根元素\&html&，这样就意味着，我们只需要在根元素确定一个参考值，，在根元素中设置多大的字体，这完全可以根据您自己的需要，大家也可以参考下图：
我们来看一个简单的代码实例：
html&{font-size:&62.5%;} &&
&body&{font-size:&1.4} &&
&h1&{&font-size:&2.4}&&
我在根元素\&html&中定义了一个基本字体大小为62.5%（也就是10px。设置这个值主要方便计算，如果没有设置，将是以&16px&为基准）。从上面的计算结果，我们使用&rem&就像使用&px&一样的方便，而且同时解决了&px&和&em&两者不同之处。浏览器的兼容性rem是CSS3新引进来的一个度量单位，大家心里肯定会觉得心灰意冷呀，担心浏览器的支持情况。其实大家不用害怕，你可能会惊讶，支持的浏览器还是蛮多的，比如：Mozilla Firefox 3.6+、Apple Safari 5+、Google Chrome、IE9+和Opera11+。只是可怜的IE6-8无法，你们就把他们当透明了吧，我向来都是如此。不过使用单位设置字体，可不能完全不考虑IE了，如果你想使用这个REM，但也想兼容IE下的效果，可你可考虑&px&和&rem&一起使用，用&px&来实现IE6-8下的效果，然后使用&Rem&来实现代浏览器的效果。就让IE6-8不能随文字的改变而改变吧，谁让这个Ie6-8这么二呢？哈。。。。大家不仿试试，还蛮有意思，说不定这个就是主流的度量单位了。
总结一、PX特点1. IE无法调整那些使用px作为单位的字体大小；2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；3. Firefox能够调整px和em，rem，但是96%以上的中国网民使用IE浏览器(或内核)。px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。(引自CSS2.0手册)任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10px=0.625em。为了简化font-size的换算，需要在css中的body选择器中声明Font-size=62.5%，这就使em值变为 16px*62.5%=10px, 这样12px=1.2em, 10px=1em, 也就是说只需要将你的原来的px数值除以10，然后换上em作为单位就行了。二、EM特点 1. em的值并不是固定的；2. em会继承父级元素的字体大小。所以我们在写CSS的时候，需要注意两点：1. body选择器中声明Font-size=62.5%；2. 将你的原来的px数值除以10，然后换上em作为单位；3. 重新计算那些被放大的字体的em数值。避免字体大小的重复声明。也就是避免1.2 * 1.2= 1.44的现象。比如说你在#content中声明了字体大小为1.2em，那么在声明p的字体大小时就只能是1em，而不是1.2em, 因为此em非彼em，它因继承#content的字体高而变为了1em=12px。三、rem特点 rem是CSS3新增的一个相对单位（root em，根em），这个单位引起了广泛关注。这个单位与em有什么区别呢？区别在于使用rem为元素设定字体大小时，仍然是相对大小，但相对的只是HTML根元素。这个单位可谓集相对大小和绝对大小的优点于一身，通过它既可以做到只修改根元素就成比例地调整所有字体大小，又可以避免字体大小逐层复合的连锁反应。目前，除了IE8及更早版本外，所有浏览器均已支持rem。对于不支持它的浏览器，应对方法也很简单，就是多写一个绝对单位的声明。这些浏览器会忽略用rem设定的字体大小。
大家感兴趣的内容
12345678910
最近更新的内容