Home > Web Front-end > CSS Tutorial > About DW's method of inserting css styles into html

About DW's method of inserting css styles into html

不言
Release: 2018-06-11 14:46:46
Original
8979 people have browsed it

If we want to have a good-looking interface layout in web design, we have to use css styles. The following will introduce DW's method of inserting css styles into html. Friends who don't know how can refer to this article and have a look.

When using Dreamweaver CS6 to create web pages, there will be many page layout styles. You can use inserted css styles to save page styles separately to simplify the code. The editor below will introduce you to DW's method of inserting css styles into html. Friends who don't know how can refer to this article and have a look!

利用Dreamweaver CS6在html中插入css的样式

Steps

First, open Dreamweaver CS6, create a new css document, and select "css". Click the OK button.

利用Dreamweaver CS6在html中插入css的样式

Put the designed css style into the page.

利用Dreamweaver CS6在html中插入css的样式

Click "File" in the upper left corner, select "Save as", put the file on the desktop, and rename it. Here it is named css.

利用Dreamweaver CS6在html中插入css的样式

Click "File" in the upper left corner to create a new "html".

利用Dreamweaver CS6在html中插入css的样式

This is to enter the designed web page format and enter the & lt; body & gt;

& lt;/body & gt;

利用Dreamweaver CS6在html中插入css的样式

Find the small icon of this link in the lower right corner and select it.

利用Dreamweaver CS6在html中插入css的样式

The link page appears, click the "Browse" button at the back.

利用Dreamweaver CS6在html中插入css的样式

#Find the place where the css was just stored. The place where it is stored is the desktop. Click the "OK" button.

利用Dreamweaver CS6在html中插入css的样式

The following page will appear.

If you have the source code and css, it proves that you have completed the css insertion!

利用Dreamweaver CS6在html中插入css的样式

The last step is to save the completed html where it needs to be stored to prevent data loss.

Notes

When entering data, you must enter it under the English input method.

The above is the entire content of this article. I hope it will be helpful to everyone's study. For more related content, please pay attention to the PHP Chinese website!

Related recommendations:

How to use html2canvas to convert html code into images

Easy to make with HTML, CSS and JS The code of the web menu interface

The above is the detailed content of About DW's method of inserting css styles into html. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template