Home > Developer > Web Develop
-Optional values:
-Most browsers do not differentiate between italic and italic, meaning that we set italic and oblique their effects are often the same
-Generally we will only use italic
Optional values:
The style can also specify a value of 9 between 100-900,
But because the user's computer often does not have so many levels of font, so to achieve the effect we want
That is, 200 is probably thicker than 100, 300 is probably thicker than 200, but it could be the same.
Optional values:
Small caps:
All letters are shown in uppercase, but lowercase letters are capitalized,
Smaller than the size of the uppercase letters.
In the CSS also provides us with a style called font, using this style can set all the font-related styles, you can use the font style of the value, unified in the font style, different values are separated by a space
When font style is set with font, the italic size is bold, there is no order, it can even be written without writing, if you do not write the default value is used, but the font must be written in the font, and the text must be the last style, the size must be the second
In fact, using the shorthand attribute also has a better performance
First example: Use font to set all styles related to the font.
<!DOCTYPE HTML><HTML> <Head> <MetaCharSet= "UTF-8"> <title></title> <styletype= "Text/css">P{Color:Red;Font:small-caps Bold Italic 20px "Microsoft Ya Hei"; } </style> </Head> <Body> <P>the sunrise, and the day into the interest. To dig well and drink, to plough and eat. Dili to me! ABC abc</P> </Body></HTML>
Look at the effect:
A second example:
<!DOCTYPE HTML><HTML> <Head> <MetaCharSet= "UTF-8"> <title></title> <styletype= "Text/css">. P1{Color:Red; /*set a text size*/font-size:55px; /*Set a font*/font-family:"Agency FB"; /*Set Text italic*/Font-style:Italic; /*Set the text bold*/Font-weight:Bold; /*set a small capital letter*/font-variant:Small-caps; } </style> </Head> <Body> <Pclass= "P1">The sunrise, and the day into the interest. To dig well and drink, to plough and eat. Dili to me! ABC abc</P> </Body></HTML>
Look at the effect:
Front-end learning--CSS--Several attributes of font learning
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
