Cascading Style Sheets Tutorial

How to use CSS to control the display page font styles

  HTML content to <font> </ font> label only: <font color=colorvalue size=fontsize face=å­—åž‹> </ font> of the three kinds of settings, and on the CSS content <font> </ font> the Let us extend the specifications of the font can be more detailed settings.    The font settings: font-family: name of a font, the font name 3, the font name 3, and so on.    Display type priority, if the computer has installed the fonts, font it to the show.    If you set the font, all client computers had not been installed, it will have been the default browser font Show: font-size: 18pt | 120% | xx-small | s small-| small | medium | large | x-large | xx-large 

  The font size for a strict definition of two kinds: 

  1, such as absolute: pt; in these size is fixed and will not change resolution .. 

  2, the relative such as: px; em;% of these will be a resolution with the current name change … 

  Font-style: normal | italic | oblique 
  Italic font-weight: normal | bold | lighter | bolder | 100-900 
  Font size font-variant: normal | small-caps 
  English lowercase to uppercase font smaller 

  Application of the above can be used [CSS sets of] any way .. 
  For example: 

  The following is quoted fragment: 
  <html> 
  <head> 
  <title> </ Title> 
  <style> 
  Span (font-size: 20pt; 
  Font-color: purple; 
  Font-variant: = small caps; 
  ) 
  </ Style> 
  </ Head> 
  <body> 
  <span> Dhtml & Asp </ span> 
  </ Body> 
  </ Html> 

  In this way shows that the font size will be 20 pt, purple, English lowercase transformed into a smaller capital.    Or you can set this: 

  The following is quoted fragment: 
  <html> 
  <head> 
  <title> </ Title> 
  </ Head> 
  <body> 
  <span Style="font-size:20pt;font-color:purple;font-variant:small-caps"> Dhtml & Asp </ span> 
  </ Body> 
  </ Html> 

  In this way shows that the size of the same size is 20 pt, purple, English lowercase transformed into a smaller capital. 


Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Digg
  • del.icio.us
  • Facebook
  • Google
  • DotNetKicks
  • DZone

Tags: Display, Font Family, Font Size, Font Style, Font Variant, Font Weight

Releated Posts

  • Em use the designated font size trouble
  • CSS font control effects of Thinking
  • Css Manual (c) Font font
  • Flash8 font effects
  • Flash on the font characters embedded components and functions explain

This entry was posted on Saturday, February 9th, 2008 at 12:00 am and is filed under CSS Properties. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

« Html forms and the use of mixed CSS web design
Against various versions of the browser hidden skills of CSS IX »

Leave a Reply

  • Categories

    • CSS Properties (491)
    • CSS Tutorial (1154)
    • CSS Tutorial By Examples (1201)
    • Css+Div Web Design (3274)
    • Xhtml and Web Design (1797)
  • Archives

    • February 2008
    • January 2008
    • December 2007
    • November 2007
    • October 2007
    • September 2007
    • August 2007
    • July 2007
    • June 2007
    • May 2007
    • April 2007
    • March 2007
    • February 2007
    • January 2007
  • Pages

    • About us

Cascading Style Sheets Tutorial