CSS technology makes web design a duck

css| Design | Web page design

Multi-layer mode form (cascading Style Sheet, CSS) is a technology that provides enhanced supplemental services for Hypertext Markup Language (hypertext Markup Language, HTML), which can be decorated with exquisite decoration for each HTML tag.

HTML-only Web pages, the ability to modify the parts of the page is limited and the statement annoying lock, CSS is a powerful technology to make up for this flaw, it is simple in sentence, grammar, as long as the source code inserted style statements can easily achieve any text within the page color, background, borders, line spacing, the deletion of the word spacing and modification functions, Make the page more lively, so as to achieve satisfactory results.

----CSS appears in the HTML with the style label, the format is: a pair of CSS technology on behalf of the style label, put the decorated HTML markup, the placement of the CSS attributes in the next pair of curly braces, each property assignment with ":", multiple attributes between ";" To separate, as an example:

< STYLE >

A{text-decoration:none; Color:yellow}

A:hover{text-decoration:underline; Color:purple}

p{font-size:20; background:red; Color:blue}

</style >

----The above code is inserted into any HTML document and the display is refreshed, all anchor points become normal fonts. The color is yellow, but when you move the mouse over it, the cue character of the anchor changes to the underlined purple font; The text enclosed in the entire document will appear in the form of a red-bottom blue word and a font size of 20 pixels. If a paragraph of text requires additional modification, it can appear in a separate form, for example

< P style= "FONT-SIZE:30; Font-weight

: Bolder; Background:white;color:blue ">

................

</p >

----This text white bottom blue word, 30 pixel size, and font bold. The following is a complete example of an HTML document with CSS technology:

< HTML >

< head >

< title > How to use CSS </title >

< BODY >

< STYLE >

A{text-decoration:none; background:red; Color:yellow}

A:hover{text-decoration:line-through; Background:lime}

H1{text-align:center; font-weight:900;

Border-style:ridge; Border-width:medium; Border-color:red}

p.first{font-size:15; Font-face: italics;

Color:blue; border-style:dotted;

Border-width:thin; Border-color:blue}

p.second{font-size:20; word-spacing:10; Background:aqua}

</style >

< h1 > With frame header 1

< a href=mailto:wow20000@hotmail.com?subject=css >

Move mouse over here, background changes

< a >

< p > No CSS-Modified paragraph </p >

< p class=first > Specify CSS-decorated paragraphs </p >

< P class=second > specify another CSS-decorated paragraph </p >

</body >

----from the display of the above example, CSS is a supplement to HTML, almost every HTML markup to expand, so that the Web page full of vitality, showing a more perfect effect.