CSS is defined in three ways:

There are three ways to use stylesheets on your site's web pages:

2. Inner page style: Create an embedded style sheet on the web page.

3. Inline styles: Apply inline styles to each web page element.

Each method has its advantages and disadvantages:

You can use an external style sheet when you want to apply the same style consistently across all or some of the pages on your site. Defining styles in one or more external stylesheets and linking them to all web pages ensures a consistent appearance across all web pages. If people decide to change the style, they only need to do so once in an external stylesheet, and the change is reflected on all pages linked to that stylesheet.

When people just want to define the style of the current web page, they can use embedded stylesheets. An embedded stylesheet is a cascading style sheet that is "embedded" inside a markup on a web page. Styles in embedded style sheets can only be used on the same page. Such as:

Use inline styles to apply cascading style sheet attributes to web page elements. Such as:

css document

If a web page links to an external style sheet, the inline or embedded style created for the web page augments or overrides the specified properties in the external style sheet.

To use the style of an external stylesheet on a web page, you can link the web page to the stylesheet by using the Style Sheet Join command located on the Format menu. You can link one or more stylesheets to the current page in web view mode, to a selected page in the folder list, or to all pages on your site.

The Style box lists standard HTML markup, such as headings.

1. There are also classes or id selectors contained in embedded stylesheets or external stylesheets linked to web pages. To apply a style to a web page element, select the style, and then click the style or selector in the Style box.

In Microsoft FrontPage 2000, some formatting features are automatically applied as inline styles. For example, if you use the Borders & Shadows command (on the Format menu) to apply a box around a normal paragraph, FrontPage writes down formatting information as an inline style attribute for paragraph markers (e.g., ), however CSS is required for the application of some attributes, and HTML for others. If people just want to use CSS to apply inline styles, they can use the Style button (located in the Properties dialog box of a web page element) to apply a class or ID selector or an embedded style.

Tag name, id, class

For example (div, a, p, h1...)(name of id),The name of class).

One is to place the style control directly within a single HTML element, which is called inline;

The second is to define the style in the head part of the web page, which is called embedded;

The third is to use the extension. CSS files save styles, called outcasts. Reference.

Wildcard styles, generally used for writing common styles, are defined globally.

Cascading Style Sheets are a computer language used to express file styles such as HTML (an application of the Standard Markup Language) or XML (a subset of the Standard Markup Language). CSS can not only decorate web pages statically, but also dynamically format web page elements with various scripting languages.

CSS provides pixel-precise control over the placement of elements in a web page, supports almost all font size styles, and has the ability to style web page objects and models.

If you write a style for *{}, and you don't write the style inside the div below *, it will automatically inherit it.

The css style format is.

The selector is followed by a curly brace inside of which are the attributes.

It's also a selector, which represents all, so it's all the tags in the page, and the curly braces are of course the attributes you're going to write.

The wildcard selector, which is used to add consent styles to all elements of the page, is generally not used.

Wildcard styles, generally used for writing common styles, are defined globally.

css style.

#infont{}

This style is called with id.

infont{}

This style is called with class.

In CSS, "*asterisk) refers to the Universal Selector, which can be used with any element.

Matching. For example, the color value of all elements is specified as orange. To put it simply, "*" means "all".

"for selector," { for a declaration block, which is composed of one or more declarations, as in the example above, "color:orange;}} " is a statement.

Hope it helps.

The first is inline, which is commonly used in learning CSS styles in the past, that is, writing CSS styles into the header information. For example, after setting the background color of the web page, a ** will be added to the header information, and a body style will be added to it.

The second type of inline style is to enter the CSS style directly in the HTML style, for example, you can select the style attribute value after entering the style directly in heading 1.

If you set it again, you need to enter it; Empty a space before selecting a different style attribute value. However, this method is not recommended.

The third type of connection, which is currently the most commonly used, can be used directly for multiple web pages.

Click Create CSS Rule, select the required selector and name in the pop-up New CSS Rule dialog box, select Create Style Sheet File in the Rule Definition, and click OK.

In the dialog box that appears, select the name of the CSS style file and select the folder you want to place.

Then in the CSS style attributes, there is one more connection to the CSS file, and there is an SCC style file on the top of the window, if you want to use this CSS style file in other web pages, as long as you copy the CSS connection ** to other web pages, other web pages can also apply the properties set by this CSS style file, and we can put all the properties of the entire ** web page in this CSS style file. In the future, when you change the ** style, you only need to change this CSS style file.

**Please see for details.

vue practice - CSS style position display float attribute comparison use.

body is a tag in HTML, usually written: this style means to define the body and all the styles under the body, that is, if other tags under the body such as div, p or something are not specifically defined, then they will inherit the style defined by the body to display.

So let's talk about what all the styles mean:

font-family: "Songti","Heiti"; This means that the font that defines the text displayed on the page, and if it is not recognized, then it will be displayed in bold.

This is to set the size of the font, em is the unit of font size, and if you understand it simply, em is equivalent to a percentage.

color:red;color is the color of the font, and here the font color is specified as red.

font-weight:bold;It is the definition of whether it is bold or not, and bold means bold, so that the text will be bolded.

text-decoration:underline;It is to define the text style as an underline, and underline is the meaning of an underline. text-decoration and other style options are relatively simple in English and can be understood directly.

This is to define the line spacing of the text, this can also be written as 150%, their effect is the same, usually the default most standardized text line spacing is 150%, and you can also define it according to your own needs such as 20px with unit height.

letter-spacing:5px;This refers to the distance between the horizontal dimensions of the text, and 5px means that the distance between the two words is 5 pixels.

I've written so much, I want to give points!

Set the style for the body tag, the content is black font, the font size is in units), the font color is red, the font weight is bold, the text modification is to add underlines to the font, the line height between fonts is 5px

font-family: "Songti","Heiti"; The font is Songti, and when Songti is not satisfied, it is Heiti;

font size; color:red;: Font color red;

font-weight:bold;: font bold;

text-decoration:underline;: Add underlining to the text;

row height; letter-spacing:5px;Text letter spacing increased by 5px;

Overview: Body and the following elements The font is Song, Bold, Size, Red Bold, underlined, line height, and 5px kerning

All styles within the body.

font-family: "Songti","Heiti";

The font is Songti if there is no Heiti.

The font size is.

color:red;

: Font color red;

font-weight:bold;

The font is bold. text-decoration:underline;

Text Style Text is underlined.

The height of the text is twice the size of the font, and in general, this height is equal to the height of **, so that the font is highly centered.

letter-spacing

Word spacing: Blank 5px

The font of body is Song and Bold, the text size is relative to the unit similar to a percentage), the color is red, bold, underlined, each line is wide: , spacing: 5px

The font is first used in Song style, not in black font.

The font size is used, and em will have different sizes according to the proportion inherited from the font, which can be seen as a proportion.

Bold underlined.

Line height and word spacing are 5px

It is to style the body, the font size and color of the text, and the bold glide line and line height line spacing.

Font, size, color, weight, style, horizontal line height, character spacing.