Day 4th: Call Style Sheet _ Basics Tutorial

Using Web standards to design a Web site, the transition approach is primarily a xhtml+css,css style sheet that is essential. This requires all web designers must be proficient in CSS, if you have not used to use, then start learning now. If you want to make Web-standard Web sites, you don't know how to design a beautiful page with CSS.

In fact, all the areas of performance need to be implemented with CSS. We used to use table to locate and layout, and now we want to position and layout using div instead. This is a change in the way of thinking, at first some are not accustomed to. Oh, any change will have resistance, in order to enjoy the "benefits" of the standard, it is worthwhile to abandon some old traditional practices.

External call style sheet

In the past, we usually used style sheets in 2 ways:

• Page inline: Just write the style sheet directly in the head area of the page code. Something like this:

<style type= "Text/css" > <!--body {background:white; color:black;}--> </STYLE&G T

• External Invocation method: Write the stylesheet in a separate. css file, and then invoke it in the page head, similar to the following code.

<link rel= "stylesheet" rev= "stylesheet" href= "Css/style.css" type= "Text/css" media= "All"/>

In web-standard design, we use external usage, the benefit is self-evident, you can change the page style without modifying the. css file. If all pages call the same style sheet file, changing a style sheet file can change the style of all files.

Double-table invoke style sheet

To view some of the original code that conforms to the standard site, you may see the following 2 sentences where the stylesheet is invoked:

<link rel= "stylesheet" rev = "stylesheet" href= "Css/style.css" type= "Text/css" media= "All"/> <style "type=" Media= "All" > @import URL (css/style01.css);</style>

Why write two times?

is actually generally called by the external method (that is, the first sentence) is sufficient. I use two-table calls here as an example. The @import command is used to enter the style sheet. The "@import" command is not valid in Netscape version 4.0 browser. That is, when you want some effect to be hidden in Netscape 4.0 browsers, in more than 4.0 or other browsers, you can call the stylesheet using the "@import" command method.