CSS3 Working with Fonts Training Videos for Beginner

1
CSS3 Working with Fonts Training Videos for
Beginners by
2
Highlights

• Text Styles Using-Font Families
• Font size adjust
• Font style text transform
• Text indent
• Text decoration
• Text shadow

3
Text Styles Using-Font Families

• Font family property is used to change the face
  of a font.
• Generic family and font family are the two types
  of font families.
• Generic family is a set of font families of
  similar text styles. Ex Serif or Monospace
• Font family contains two text styles Ex Times
  New Roman and Arial.
• Syntax p  font-family "Times New Roman",
  Times, serif    

4
Font size adjust

• Provides superior control over the font size when
  the preferred font is not available.
• When a font is not available, the browser uses
  the second specified font to overcome this, use
  the font-size-adjust property.
• Aspect value is the size-difference between the
  lowercase and upper case letters.
• Syntax font-size-adjust number or none or
  initial or inherit
• Number defines the aspect value to use, None
  stands for No font size adjustment, initial value
  sets default value.

5
Font style text transform

• Controls the capitalization of text.
• Ex p.capitalize  text-transform capitalize
• Syntax text-transform nonecapitalizeuppercase
  lowercaseinitialinherit
• Capitalize property capitalize the first
  character of each word.
• Uppercase transforms all characters to uppercase,
  lowercase transforms all characters to lowercase,
  none is the default value and initial property
  sets default value.

6
Text indent

• Specifies the indentation(move further from the
  margin) of the first line in a text paragraph.
• Syntax text-indent length or initial or
  inherit
• EX p    text-indent 50px
• Length defines a fixed indentation in px, pt, cm,
  em, etc.
• Initial property sets this property to its
  default value.
• Inherit property Inherits properties of parent
  element.

7
Text decoration

• Specifies the decoration added to text.
• Syntax text-decoration noneunderlineoverlinel
  ine-throughinitialinherit
• Ex h1   text-decoration overline
• None is the default value, underline property
  defines a line below the text, overline property
  defines a line above the text, line through
  defines a line through the text, initial property
  sets default value.
• Inherit property inherits the properties of
  parent classes.  

8
Text shadow

• Adds shadows to texts.
• Syntax text-shadow h-shadow v-shadow
  blur-radius color none initial inherit
• h-shadow property applies horizontal shadow,
  V-shadow property applies vertical shadow, blur
  shadow property applies blur radius to the text. 
  
• Color property applies color shadows, none is the
  default value, initial property assigns default
  value.
• Inherit property inherits the properties of
  parent classes.
• Ex h1  text-shadow 5px 5px ff0000    

9
Feedback
Like It ? Hate It?
We would love to hear from you whatever you think
about the course.
Click HERE to share what you think!
10
Thank you
Thank You for Watching CSS3 Working with Fonts
Training Videos for Beginner by
http//www.courseing.com