CSS Note two CSS style basics

One, inline CSS style, directly written in the existing HTML tags
Where can CSS styles be written? From the form of CSS-style code insertion, the basic can be divided into the following 3 kinds: inline, embedded and external three kinds.

Inline CSS stylesheet is to write CSS code directly in the existing HTML tags, such as the following code:

<p style= "Color:red" > here the text is red. </p>

Note that it is wrong to write in the start tag of the element:

<p> here the text is red. </p style= "color:red" >

and CSS style code to write in style= "" double quotes, if there are multiple CSS style code settings can be written together, separated by semicolons. The following code:

<p style= "color:red;font-size:12px" > here the text is red. </p>

Second, embedded CSS style, written in the current file
Inline can only be modified one at a time, embedded to set the style of multiple text at once.
The embedded CSS style is the ability to write CSS style code between <style type= "text/css" ></style> tags. The following code is implemented to set the text in all <span> tags to red:

<style type= "Text/css" > span{color:red;} </style>

Embedded CSS styles must be written between <style></style>, and in general the embedded CSS style is written between Third, external CSS style, written in a separate file
An external CSS style (also known as an inline) is to write the CSS code in a separate external file, with a CSS style file with a ". css" extension, within

<link href= "Base.css" rel= "stylesheet" type= "Text/css"/>

Attention:

CSS style file names are named with meaningful English letters, such as MAIN.CSS.

Rel= "stylesheet" type= "text/css" is fixed notation cannot be modified.
The rel attribute is used to define the relationship between the linked file and the HTML document. Stylesheet, which means a style call,

<link> label location is generally written in the

Four or three styles of precedence

Under the same weights, inline precedence is highest. Embedded and external type
Points are divided according to the nearest principle (the higher the priority from the set element).

The above is the "CSS note two" CSS style basic knowledge of the content, more relevant content please pay attention to topic.alibabacloud.com (www.php.cn)!

