first.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.
Second. 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.
third. 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 to set the style, you can add the attribute style= "" to the individual revision style.
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>
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.