zoukankan      html  css  js  c++  java
  • 9扩大你的词汇量:字体和颜色样式

    用font-family属性定义网页中的字体。字体系列一共有五种:sans-serif、serif、monospace、cursive和fantasy。serif系列是由衬线字体,一般用于报纸印刷。sans-serif系列是没有衬线的字体,在电脑屏幕上这些字体比serif更具有可读性。monospace系列的字母具有相同宽度,这些字体主要用来显示软件代码示例。cursive系列是一些看起来像是手写的字体,有时用于标题。fantasy系列是一些有固定装饰的字体,在规范的Web设计中不常用。

    可以用font-family定义多种字体,只要用逗号吧字体名称分开就行了,由几个单词组成的字体名需要加上双引号。末尾通常加一个通用的字体系列名。font-family: Verdana, Geneve, Arial, sans-serif;

    font-size可以定义字体大小。字体大小可以用像素定义。font-size: 14px;字体大小可以用百分数定义(百分数用于父元素字体大小的相对值来定义字体大小)。font-size: 150%;可以用“em”通过指定比列因子来定义字体大小(也是相对父元素的字体大小而言的)。font-size: 1.2em;还可以通过关键字定义字体大小,xx-samll,x-small,small,medium,large,xx-large。每种尺寸都比前一种大20%,通常把small定义为大约高12像素。font-size: small;

    用像素定义字体大小时,IE不支持等比例缩放。定义字体大小的常用方法:选择一种关键字(推荐用small或medium)定义body字体大小,也就是网页的默认字体大小。用em或百分书把字体大小指定为相对于body字体大小的字体尺寸。这种方法IE支持等比例缩放,可以很方便的通过改变body字体大小来改变整个网页的字体大小了。

    font-weight属性可以用来控制字体的粗细,可以设置成bold,normal,bolder和lighter。font-weight:bold;也可以把font-weight属性值设置为100~900之间的一个数(有些浏览器和字体不支持)

    设置字体为斜体font-style:italic;或者font-size:oblique;<em>元素也可以把文本变成斜体,但是<em>是用来指定结构的,它意味着强调一段文字。而font-style添加样式并不意味着情调其中的文本。

    网页颜色是根据红色、绿色和蓝色三原色以一定比例组成来制定的。CSS中预先定义了17种颜色,可以用颜色名定义颜色background-color:silver;可以用0~255之间的某个数值定义红色、绿色和蓝色的值background-color:rgb(204, 102, 0);可以用红色、绿色和蓝色的各自比例定义颜色background-color:rgb(80%, 40%, 0%);可以用十六进制代码定义颜色background-color: #cc6600;文本和背景用高对比的颜色可以提高可读性,最好文本用深颜色,背景用浅颜色。

    text-decoration属性可以修饰本文,可以设置为underlines、overlines、line-throughs、none、blink。text-decoration只能选择一条规则,不能同时选择两条独立的规则。所以得到两种修饰的唯一方法是在同一个text-decoration声明中指定它们。

  • 相关阅读:
    什么是Swap Chain【转自MSDN】
    【转】Foobar 2000设置replay gain
    openGL library下载地址
    C++函数返回含堆数据的对象时,内存释放问题
    [原]VS2008安装boost的lib库
    【转】水木社区VIM版版友推荐插件列表
    Css学习总结(1)——20个很有用的CSS技巧
    Css学习总结(1)——20个很有用的CSS技巧
    Git学习总结(2)——初识 GitHub
    Git学习总结(2)——初识 GitHub
  • 原文地址:https://www.cnblogs.com/dingzibetter/p/6108212.html
Copyright © 2011-2022 走看看