Getting Started: Beginners Learn the basics of CSS style sheets

css| style Sheet

About CSS style sheets

What basics should you master before you learn CSS?

1. What is a Web page and what is a Hypertext language (HTML).
2. Use commonly used Web page editors such as Dreamweaver.

Dreamweaver is one of the best web editing tools of the day, and Dreamweaver8 increased support for CSS is easy for you to use CSS, it is easier and easier to make CSS stylesheets for Web pages. This tutorial teaches you how to use Dreamweaver8 to add CSS to the page, you do not have to memorize the code tag, do not need to see a very thick CSS manual, you can easily use CSS in the Web page. But first you have to have a certain understanding of CSS. Therefore, the first 4 chapters of this tutorial is the CSS theory knowledge, mainly is the comprehensive introduction to the CSS, hoped that the reader looks after to the CSS syntax, the structure, the application has a comprehensive understanding; the back 4 chapter is the DW actual combat, mainly teaches you how utilizes the Dreamweaver8 flexibly to use the CSS in the webpage Before reading this article, you need to have a certain understanding of HTML, and will use Dreamweaver.

two. Understanding CSS

CSS is the cascading style Sheets, Chinese translation is "cascading style sheet", short style sheet, it is a new technology to make Web pages.

The Web page design originally used HTML tags to define page documents and formats, such as Title < H1 >, paragraph < p >, form < table >, link < a >, but these tags do not meet more document style requirements, in order to solve this problem, In 1997, when the World Wide Web Consortium promulgated the HTML4 standard, it also published the first standard CSS1 of the style sheet, and after the CSS1 version, the CSS2 version was released in May 1998, and the style sheet was enriched. The consortium is divided into three parts of DHTML (Dynamic HTML): scripting languages (including JavaScript, VBScript, etc.), browsers that support dynamic effects (including Internet Explorer, Netscape Navigator, and so on) and CSS style sheets.

Note: CSS requires browser support from IE4 (Internet Explorer 4.0) and NC4 (Netscape 4.0), and some effects require a newer version of browser support.

three. How to use CSS

If you are using a version of Dreamweaver MX 2004, when defining characters such as font, color, size, and so on, look at the code and you will find that part of the head area:

<style type= "Text/css" >
<!--
. STYLE2 {
font-size:16pt;
font-family: "Courier New", Courier, monospace;
Font-weight:bold;
Color: #FF3300;
}
-->
</style>

So congratulations, you've used the CSS design page.

So in addition to this method of invoking CSS, is there anything else? The answer is "of course there is", the following is a system introduction

Mark Notation (in-line):

If you have only one HTML tag that requires a style, you can add the attribute style= "" to the tag.

With individual revision styles.

Page Inline method:

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

External Invocation Method:

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

Call style sheet with double table method

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