Getting Started with CSS: about CSS style sheets

Source: Internet
Author: User
Tags code tag manual html tags requires dreamweaver
css| style Sheet

These tutorials were organized by me, referring to the Rain CSS 2.0 manual, the hve && Star Ocean CSS Manual, and some resources on the web,

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

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 a property to the tag

Style= ""

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>



Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.