Web Front-End Notes for newcomers-CSS font for me to conquer Orangutan

Source: Internet
Author: User
Web Front-End Notes for newcomers-CSS font for me to conquer Orangutan
This chapter is a small accumulation and essay of reading the CSS authoritative guide. Newbie must see, laruence can also view and point out deficiencies so that future generations can better understand. O (∩ _ ∩) O Thank you !!!
One of the most common purposes of style change when setting font attributes;
However, despite the importance of font selection, there is currently no way to ensure consistent use of fonts on the Web, because there is no unified way to describe fonts and fonts;
In addition to a variety of specific font series (such as Times, Verdana, Helvetica, or Arial), it also defines another 5 General font series;


General font family
You can use the attribute font-family to use any of the above font series in the document.

Use quotation marks
Quotation marks must be added to the font-family declaration only when one font name contains one or more spaces, or if the font name contains symbols such as # Or $.

h1{font-family:Wedgie,'Karrank%',Klingon,fantasy;}

Bold font
Using the font-weight attribute, CSS allows more control over font width.

Font Size
Using the font-size attribute, CSS allows more control over the font size.

Style Fonts

Font-style: Used in normal text, italic text, and oblique


Font Deformation
In addition to the size and style, the font can also be deformed.

Font stretch

Font stretch-stretch font characters

Font attributes

Use System Fonts
Caption is used for title controls.
Icon is used to add labels to the icon
Menu is used for menus, drop-down menus, and menu lists.
Message-box for dialog box
Small-caption is used to add labels to widgets.
Status-bar is used for window status bars.

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.