Getting Started with Web pages: about CSS style sheets

Source: Internet
Author: User
Tags code tag html tags dreamweaver

About CSS style sheets One of the basics you should know 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. Know CSS CSS is cascading style Sheets, Chinese translation for "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>, table <table>, link <a>, etc., 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 more than Dreamweaver MX 2004 version, in the definition of text font, color, size and other attributes, check the code you will find that there is such a part in the head area:The following is a quote fragment: <style type= "Text/css" >


<!--


. STYLE2 {


font-size:16pt;


font-family: "Courier New", Courier, monospace;


Font-weight:bold;


color: #FF3300;


}


-->


</style>


so congratulations, you have used the CSS design page. So in addition to this method of invoking CSS, is there anything else? The answer is "of course", and the following is the system introduction tag notation (in-line): If only one HTML tag needs to be set, it can be inside the tag, plus the attribute below the reference fragment: Style= "" to the individual revision style.   Page Embedding method: The following is a quote fragment: <style type= "Text/css" > <!--body {background:white; color:black;}--> </style> External Invocation Method: The following is a reference fragment: <link rel= "stylesheet" rev= "stylesheet" href= "Css/style.css" type= "Text/css" media= "All"/> Double Table method call style Sheet The following are reference fragments: <link rel= "stylesheet" rev= "stylesheet" href= "Css/style.css" type= "Text/css" media= "All"/>


<style type= "Text/css" media= "all" > @import URL (css/style.css);</style>

Why do
write two times? In fact, in general, it is sufficient to call (the first sentence) by the method of outreach. 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.

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.