Monday, April 3, 2017

CSS: Working with Text 1

edankeun.com you must know 

The font-family Property




The font-family property specifies the font for an element. 
There are two types of font family names: 
font family: a specific font family (like Times New Roman or Arial)
generic family: a group of font families with a similar look (like Serif or Monospace)

Here is an example of different font styles:
Generic family 
Serif
Sans-Serif
Monospace

Font family
Times New Roman
Arial Verdana
Courier New

The HTML:


The CSS:




Result:
If the name of  a font family is more than one word, it must be in qoutation marks: "Times New Roman".
Why is the name of one of the fonts put in quotes, for consists of two 


Font-Size
The font-size Property sts the size of a font. one way to set the size of font. One way to set the size of fonts on the web is to use keywords. for example xx-small, small, medium, large, larger, largest etc.
THE HTML:



THE CSS:




Result:

Font-Style

The Html


The CSS:




Font-Weight
The font-weight controls the boldness or thickness of the text. The values can be set as normal (default size), boldbolder, and lighter.


The HTML:


The CSS:
Result:




Font-variant
The CSS font-variant property allows you to convert your font to all small caps. The values can be set as normalsmall-caps, and inherit


The HTML:
The CSS:
Result:

Related Posts

CSS: Working with Text 1
4/ 5
Oleh