CSS：字体样式（字体系列、大小、加粗、风格、变形等）_html/css_WEB-ITnose

CSS 字体属性定义文本的（如斜体）和变形（如小型大写字母）

代码整理自w3school：http://www.w3school.com.cn

            body {font-family:sans-serif;font-size:100%}    h1 {font-family:monospace;}    h3 {font-family:Georgia,serif;}    p.italicFont {font-style:italic;}    p.obliqueFont {font-style:oblique;}    p.normalVariant {font-variant:normal}    p.smallCaps {font-variant: small-caps}    p.bold100{font-weight:100}    p.bold900{font-weight:900}    p#pix16{font-size:16px}    p#pix20{font-size:20px}    p#em0_8{font-size:0.8em}    p#em1{font-size:1em}    p#em2{font-size:2em}    div#bg_01 {background-color:#cff}    div#bg_02 {background-color:#fcf}      CSS 字体 
这是h1标题，将应用monospace字体。
这是一个普通的段落，将应用指定于body的通用字体：sans-serif
 
h5标题：Georgia字体（若电脑中无该字体，则以serif字体显示）
 
文本斜体显示
文本倾斜显示
注：通常情况下，italic 和 oblique 文本在 web 浏览器中看上去完全一样。
  
字体变形
This is a paragraph.
“小写字母转为大写字母，字体大小不变：”：This is a paragraph.
字体加粗
font-weight:100的文字。
font-weight:900的文字。
  
字体大小，绝对值:px 相对值:em (1em 等于当前的字体尺寸)
  
文本大小:16px
  
文本大小:20px

      
查看更多关于CSS：字体样式（字体系列、大小、加粗、风格、变形等）_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did106545