Home >Web Front-end >CSS Tutorial >Double table method calls style sheet_CSS/HTML

Double table method calls style sheet_CSS/HTML

WBOY
WBOYOriginal
2016-05-16 12:12:151425browse

When designing a website using web standards, the main transition method is to use XHTML+CSS, and CSS style sheets are essential. This requires all web designers to be proficient in CSS. If you have not used it before, start learning now. To create a website that complies with web standards, you cannot design beautiful pages without knowing CSS.

In fact, all expressions need to be implemented with CSS. We used to use tables for positioning and layout, but now we have to use DIV for positioning and layout. This is a change in the way of thinking, which is a bit uncomfortable at first. Haha, there will be resistance to any change. In order to enjoy the "benefits" brought by standards, it is worthwhile to give up some old traditional practices.

Externally calling style sheets

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

In-page method: writing the style sheet directly in the page code head area. Something like this:



External calling method: Write the style sheet in a separate .css file, and then call it with code similar to the following in the head area of ​​the page.



In the design that complies with web standards, we use the external calling method. The benefits are self-evident. You can change the style of the page without modifying the page, only modifying the .css file. . If all pages call the same style sheet file, then changing one style sheet file can change the styles of all files.

Double table method to call the style sheet

View the original code of this page, you can see that there are the following 2 sentences where the style sheet is called:


@import url( css/style01.css );


Why do you have to write it twice? ?

In fact, under normal circumstances, it is enough to use the external link method (that is, the first sentence). The double table call I use here is just an example. The "@import" command is used to enter the style sheet. The "@import" command is invalid in Netscape 4.0 version browser. In other words, when you want certain effects to be hidden in the Netscape 4.0 browser and displayed in 4.0 or above or other browsers, you can use the "@import" command method to call the style sheet.

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn