CSS FAQ Summary

Source: Internet
Author: User
Tags define definition insert reference first row blank page
With good CSS can make your page more conciseness, why the same content of the page, some people do out there are dozens of KB, and the master made only more than 10 kb,css in which the role is self-evident. Here are some common questions in using CSS for your reference.

1, CSS in the Web page is generally used in the production of three ways, then specific in the use of what kind of usage? When there are multiple pages to use the CSS, the use of the external CSS file, so that the code of the Web page is greatly reduced, modified very conveniently; CSS used only in a single Web page, using the document head method; only CSS used in one or two places in a Web page is used in inline inserts.

2, the three kinds of usage of CSS in a Web page to mix it? Three uses can be mixed without causing confusion. That's why it's called "Cascading style sheets," browser in the display of the Web page is handled like this: first check that there is no inline CSS, there is the implementation of the other CSS for this sentence does not take care of it; second, check the head way of the CSS, there is , and then check the CSS for the external file way without the first two. Therefore, it can be seen that three kinds of CSS implementation priority is: inline insertion, head mode, external file mode.

3. How to make the external file CSS in the Web page? In the Web page with the use of foreign-file CSS does not have special requirements, but also with Notepad to create a *.css file, the Web page
4. How to use Dreamweaver3 to quickly create CSS external linked files? For a web designer who first touches CSS, it's difficult to create a CSS file with an editor like Notepad. Because Dreamweaver3 is good for CSS support, it is much easier to use it to help. This can be done:
1 First write on the paper on the Web page in the website may be used in the name of the lattice, then in the Dreamweaver3 edit window to pull out the CSS panel, one by one to define, and on a blank page appropriately write a little relevant content, edge definition side trial, the effect is not satisfied, immediately modify;
2 after all defined, and then use Notepad to create an empty CSS external link file, the
5, in the Dreamweaver3 to use inline insert CSS to manually write code? No! First, use the CSS panel to define the CSS you want to use, and then insert the markup you want to insert into the CSS: style= "", then drag the CSS you just defined from behind the
6, in the side of the head and outside the file mode of the CSS has "<!--" and "-->", as if there is no use, do not you? This pair of Dongdong's function is to not cause the low version browser error. If a browser that executes this page does not support CSS, it ignores the contents. Although there are few people who don't support CSS browsers now, it's good to keep it because almost anything on the internet can happen.

7. How to add a background color to a part of text? To add a different color to the text, in the DW3 as long as the text on the property panel to select the color on the line, very convenient, but to give some text plus different background color does not have the corresponding function, we can first do a definition of the background color of the CSS (such as: Bgstyle), in the DW3 midpoint of a few mice completed. A CSS that defines a light yellow background is as follows: The following are the referenced contents:
<style type= "Text/css" >
<!--
. bgstyle {background: #FFFFCC}
-->
</style> Select the text when you want it, and then click "Bgstyle" on the CSS panel.

8, how to add some text background image? Similar to the plus background color operation, in the background in the selection of the load image is, a well defined background image of the CSS example of the code is: The following is the content of the reference:
<style type= "Text/css" >
<!--
. imgbgstyle {Background-image:url (logo.gif)}
-->
</style> Select the text when you want it, and then click "Imgbgstyle" on the CSS panel.

9, how to make the background of the page in the text "scrolling" when the background pattern is still motionless? The CSS that makes the background pattern "scroll" does not follow the text: The following refers to the content:
<style type= "Text/css" >
<!--
Body {background:purple URL (bg.jpg);
Background-repeat:repeat-y;
Background-attachment:fixed
}
-->
</style>

10, how to define word spacing? The letter spaceing attribute on the "block" of the CSS Property Definition dialog box (Style definition for. Style1) in DW3 defines the word spacing, which refers to the extra spacing between each character, which is either positive or negative in length, The effect of a character being squeezed together when a negative value is taken. The following code is a well-defined word spacing CSS Example: The following is the referenced content:
<style type= "Text/css" >
<!--
. style1 {LETTER-SPACING:3PX}
-->
</style>

11, how to underline text, underline, delete lines and flashing? The "decoration" attribute on the "Type" of the CSS Property Definition dialog box (Style definition for. Style1) in DW3 is defined by these contents, and note that some versions of the browser do not support the blinking properties and use them sparingly. Here is a CSS example that defines the effect: The following is a reference:
<style type= "Text/css" >
<!--
. style1 {text-decoration:underline overline line-through blink}
-->
</style>: "Underline" is defined as an underscore, "overline" is an underscore; "Line-through" defines a strikethrough; "Blink" defines text flashes.

12, how to make the page with "first line indent" function? Because the DW3 input space inconvenient, the use of "first line indent" will make up for this deficiency. The "Text-indent" attribute on the "block" of the CSS Property Definition dialog box (Style definition for. Style1) in DW3 defines "first line indent", and "first row" refers to the first line of each paragraph, That is, pressing ENTER directly creates a new paragraph. Indentation is best in the "Em" (character), such as: Chinese character choreography requires each paragraph began to indent two Chinese characters, set a good CSS as follows: The following refers to the content:
<style type= "Text/css" >
<!--
. style1 {TEXT-INDENT:2EM}
-->
</style> in DW3 Note: In the DW3 of the CSS Property Definition dialog box (style definition for. Style1) on the "block" on the right side of the indent unit in the selection box "EMS" refers to the " EM. "

13, in the form of typesetting, you can make a certain direction of the content to leave the table line point? OK! The "margin" on the "box" of the CSS Property Definition dialog box (Style definition for. Style1) in DW3 defines the distance of the content away from the edge, which can be defined in four directions: "Top", "Bottom" "Leave" "right". The following is a CSS example code that defines leaving "10px" on the left: The following is the referenced content:
<style type= "Text/css" >
<!--
. style1 {margin:0px 0px 0px 10px}
-->
</style>

14. Can you add a border to a certain part of the content? With CSS you can add a border to a part of the content, in the DW3 CSS Property Definition dialog box (Style definition for. Style1), "Border" is defined as the border line, "top" "bottom" "left" "right" Four sides you can define the thickness and color of the line, these definitions do not forget to define the line style in the "Style" below, otherwise you will see the border line, because the default line style is "none". The following is a CSS example that defines the top border as: blue thin lines; The left border is: The green bold line in the sample: The following is the referenced content:
<style type= "Text/css" >
<!--
. style1 {border:solid border-width:thin 0px 0px medium border-color: #0000FF black #00FF00}
-->
</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.