Shulou(Shulou.com)06/01 Report--

Today, the editor will share with you the relevant knowledge points about the basic styling of HTML. The content is detailed and the logic is clear. I believe most people still know too much about this knowledge, so share this article for your reference. I hope you can get something after reading this article. Let's learn about it.

I. the basic structure of html

Note: html can be both uppercase and lowercase, but do not appear this (hTml) either all uppercase or all lowercase all punctuation marks must be in English! Remember!

! Doctype declares that document types must not be forgotten

Meta charset= "utf-8" to prevent garbled (if you don't write, the text displayed in the browser may appear in garbled form. Anyway, you need to be careful! )

Next, let's talk about some basic style settings.

1.font-size (font size)

Eg.font-size: numeric + px (unit) such as 16px

2.font-family: (font)

There is a guaranteed font Arial

Multiple fonts are separated by commas

If the font is linked by spaces, wrap it in single quotation marks, such as "Microsoft Yahei"

Sans-serif? It can make the font more round.

Serif? Make the font angular

3.color (set font color) can directly use the color name eg.red

Or hexadecimal coding (# 666666)

Or is the value of rgb (0memo) where the value is 0Mel 255? Tricolor

4.font-weight (font bold) bold bold? The default value is normal

5.text-align (font alignment) has three values, which are left right center?

6.line-height (line height)? The setting height of single-line text is the same as that of the container, which can achieve the effect of vertical centering.

7.text-decoration (set underline style) underline (underscore) overline (top) line-through (middle dash) none (remove style)

8.text-indent (text indentation) eg. ? text-indent:5px

9.letter-spacing (character spacing)?

The horizontal spacing between characters.

10.font-style (font style)

Italic? Italic

Normal (default)

Note: fonts have inherited properties. If the parent sets the text style, and the child does not set its own text style, it inherits the parent by default.

1.background-color (set background Color) style is the same as the previous font?

In addition, you can use

Rgba (222, 222, 222, 222, 5)? The last value can be used to set the transparency of the background color. I will tell you more later.

2.background-image (set background picture) eg.background-image:url ("1.jpg")

Write the address of the picture you need in url

What if the picture is at the same level as the html file? Then write the name of the picture + suffix directly.

If the picture is one level above the html file, do you want to return it one level in front of the picture? and so on

3.background-position (background position) left center right

. 4.background-repeat (duplicate background)

Repeat (repeat horizontally and vertically)

Repeat-x (horizontal repeat)

Repeat-y (repeat vertically)

No-repeat (do not set repetition)

5.background-size (background size)

Eg.background:200px 300px?? Order of width (width) heigh (height) t

Note: the background does not take up space?

The background area can display the content

In addition, the container can not display the background picture if there is no height!

These are all the contents of the article "what are the basic styling of HTML?" Thank you for reading! I believe you will gain a lot after reading this article. The editor will update different knowledge for you every day. If you want to learn more knowledge, please pay attention to the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.