Shulou(Shulou.com)06/02 Report--

This article mainly explains "how to use DIV tags for page layout", the article explains the content is simple and clear, easy to learn and understand, the following please follow the editor's ideas slowly in depth, together to study and learn "how to use DIV tags for page layout" bar!

DreamWeaver inserts DIV tags for layout

You can use DIV tags to create CSS layout blocks and locate them in the document. This tag is useful if you have an existing CSS style sheet with positioning styles attached to the document. DreamWeaver enables you to quickly insert DIV tags and apply existing styles to them. You can use the Dreamweaver design file as the starting point for the CSS layout. Select a file from the Page Design (CSS) category of the New document dialog box.

◆ to insert a DIV tag:

1. In the document window, place the insertion point where you want the DIV tag to appear.

two。 Do one of the following:

Select insert > layout object > DIV tag.

Click the DIV tag button in the layout category of the insert bar, and the insert DIV tag dialog box appears.

3. Complete the dialog box.

4. Click OK.

The DIV tag appears in the document as a box with placeholder text. When you move the pointer over the edge of the box, Dreamweaver highlights the box. If the DIV tag has been assigned an absolute location, it can act as a Dreamweaver layer.

DreamWeaver uses DIV tags for layout

After you insert a DIV tag, you can manipulate it or add content to it. The DIV tag for absolute positioning is the Dreamweaver layer.

After you assign a border to a DIV tag, or when CSS layout Bounding Box is selected, the DIV tag has a visual border. (by default, CSS layout Bounding Box is selected in the View > Visual Assistant menu. When you move the pointer over the DIV tag, the Dreamweaver highlights the tag.

When you select a DIV tag, you can view and edit its rules in the CSS Styles panel. You can also add content to the DIV tag by placing the insertion point in the DIV tag and then adding content as if you were adding content to the page.

◆ to view and edit the rules that apply to DIV tags:

1. Do one of the following to select the DIV tag:

Click the border of the DIV label. Tip: look for the marker color to see the border.

Click inside the DIV tab, and then press Ctrl+A (Windows) or Command+A (Macintosh) twice.

Click inside the DIV tag, and then select the DIV tag from the tag selector at the bottom of the document window.

two。 If the CSS Styles panel is not already open, select window > CSS Styles to open the CSS Styles panel. The rules that apply to the DIV tag are displayed in the panel.

3. Edit as needed.

To place an insertion point in a DIV tag to add content: click anywhere within the border of the label.

To change the placeholder text in a DIV tag, select the text and type on it or press Delete. Just like adding content to a page, you can add content to the DIV tag.

DreaWeaver changes the highlight color of the DIV tag

When you move the pointer over the edge of the DIV label in Design view, Dreamweaver highlights the border of the label. If desired, you can turn highlighting on or off, or change the highlight color in the * parameters dialog box.

◆ to change the highlight * * parameter of the DIV label:

1. Select Edit > * parameters (Windows) or Dreamweaver > * parameters (Macintosh) to display the * parameters dialog box.

two。 Select Mark Color from the list of categories on the left.

3. Make one of the following changes:

To change the highlight color of the DIV tag, click the mouse over color box and use the color picker to select a highlight color (or enter a hexadecimal value for the highlight color in the text box).

To enable or disable highlighting for the DIV tag, select or deselect the Show check box for mouse over. These options affect all objects, such as tables, that Dreamweaver highlights when the pointer slides out.

4. Click OK.

Thank you for your reading, the above is the content of "how to use DIV tags for page layout". After the study of this article, I believe you have a deeper understanding of how to use DIV tags for page layout, and the specific use needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.