6CSS第二课_字体和颜色样式.ppt

;用 font-family属性定义网页中的字体body{ font-family:Verdana, Geneva, Arial, sans-serif;} 用 font-size属性控制字体大小 body{ font-size:14px; } 用　color属性给文本添加颜色 body{ color:silver; } 用 font-weight属性设置字体的粗细 body{ font-weith:bold; } ;用 text-decoration属性给文本添加划线 body { text-decoration: underline; };可以用像素定义字体大小，用像素定义字体大小，就是告诉浏览器字母的高是多少像素。;与像素精确地规定字体大小不同，百分数用与别的字体大小的相对值来定义字体大小。;还可以用“em”定义字体大小，它跟百分数一样，是另一种相对测量单位。不过用em不是指定百分数，而是指定比例因数。;另外还有一种定义字体大小的方法：关键字。可以把字体大小定义为：xx-small, x-small, small, medium, larger 或者 xx-larger。浏览器将这些关键字转换成默认的像素值。; １、选择一种关键字（推荐 small　或　medium）定义body字体大小，也就是网页默认字体大小。 ２、用em　或百分数把别的字体大小指定为相对于body字体大小的字体尺寸（选em或百分数都无所谓，效果是一样的）。 例： 　　body { font-size: small; } 　　h1 { font-size: 150%; } 　　h2 { font-size: 120%; };在body元素中定义字体大小，也就是定义了网页的默认字体大小，是吗？这是为什么？ 我喜欢用像素指定字体大小的方法，因为那样网页会精确地显示指定的字体大小。 如果没有指定字体大小，就只能是默认字体大小吗？ 默认标题大小是多大？答：这取决于浏览器，一般说来：h1是body字体大小的200%，h2是150%, h3是120%, h4是100%, h5是90%, h6是60%。h5和h6要比body字体小一些。 如果指定body字体大小时不用关键字而用em或%，能行吗？;网页颜色是根据红色、绿色和蓝色三原色以一定比例组成来指定的。可以把每种颜色指定为从 0-100% 的一个数，然后混合起来就组成了一种颜色。例如，如果把红色100%，绿色100%和蓝色 100%混合起来，就得到白色。;但是如果每种成分只有60%会得到什么结果呢？不够白是吗？换言之，得到的是灰色，因为我们只给屏幕加了相同数量的三种颜色，而没有足够的光。;把80%的红色和40%的绿色混合起来，就能得到你想要的桔红色。注意如果某一种颜色没有加进去，它就不会影响另外两种颜色。桔红色是因为没有把蓝光加进红色和绿色中而形成的。;如果混合红色0%、绿色0% 和蓝色0%，会得到什么结果？那意味着没给屏幕加任何光，所以得到提黑色。; １、颜色名 2、红、黄、蓝的相对百分比 3、16进制代码;CSS颜色名字不区分大小写，所以输入silver、Silver或SILVER都是一样的。这些是CSS中预先定义的17种颜色。;用红色、绿色和蓝色各自比例定义颜色。;为什么有两种指定rgb值的不同方法呢？百分数看起来不是更直接一些吗？ 我看到大家都用 #00fc9a 这种颜色代码。 ;十六进制代码以#开头;CSS中可以用以下这些方法中的任意一种来指定各种颜色： body { background-color: rgb(80%, 40%, 0%); } body { background-color: rgb(204, 102, 0); } body { background-color: #cc6600; };我还见过像 #cb0 这样的十六进制代码，它代表什么呢？ ;CSS提供许多属性控制字体外观，包括font-family, font-weight, font-size 和 font-style。 访问者在你的网页上看到的字体格式取决于其电脑中安装的字体。 用 px、em、%或关键字定义 font-size。 如果用像素（“px”）定义字体大小，就是告诉了浏览器字母高度为多少像素。 em和%是相对字体大小，用相对字体大小可以使网页具有更强的通用性。 用 font-weight 属性可以将文本加粗。 font-style属性用来创建倾斜的字体。 网页颜色是通过把不同数量的红色、绿色和蓝色相混合产生上的。