Web Front end--html Basic Note No.6

Understanding CSS Styles

CSS is all called Cascading style sheets (cascading style Sheets), which is primarily used to define the display style of HTML content within the browser, such as text size, color, font bold, and so on.

One advantage of using CSS styles is that by defining a style, you can have a uniform font, font size, or color for text in different page locations.

Advantages of CSS Styles

Make the same changes to several specific words in a piece of text. Only need to use <SPAN> </span> enclose a few words.

Then write code like this:

span{   Colour:blue;}

CSS code syntax

CSS styles consist of selectors and declarations , and declarations are made up of attributes and values , as shown in:

selectors , also called selectors, indicate the elements in the Web page to which you want to apply a style rule, as in this case, the text in all segments (p) in the page will turn blue, while other elements, such as OL, will not be affected.

declaration: in English curly braces "{}" is the declaration, the attribute and the value are separated by the English colon ":". When there are more than one statement, the middle can be a semicolon ";" Delimited, as follows:

p{font-size:12px;color:red;}

Note: Be sure to pay attention to English symbols

1, the last statement may not have a semicolon, but for later modification convenient, usually plus a semicolon.

2, in order to use the style easier to read, you can write each code in a new line, as follows:

p{   font-size:12px;   color:red;}

CSS Comment Code

Just like in HTML annotations, there are comment statements in CSS: used /*注释语句*/ to mark (use in HTML <!--注释语句--> ). Just like the following code:

Web Front end--html Basic Note No.6