How to modify Dreamweaver css

How to modify Dreamweaver css: 1. Open the web page, press f12 to enter the review element, and click the magnifying glass icon in the lower left corner; 2. Click anywhere on the web page, the right side is the css code there, and the upper right corner of the css code is css path; 3. Modify the css style in the css source file according to the path.

The operating environment of this tutorial: Windows7 system, CSS3&&HTML5 version, Dell G3 computer.

Use a browser, then open your web page, press F12 to open the inspection element, there is a magnifying glass icon in the lower left corner, click it, and then click on the place you want to view on the web page, and then on the right is the CSS code at, you can view the CSS path!

1. View

2. Right-click the CSS file name

3. Open a new window

4. Then the address bar above is your CSS path!

You just need to open this file and modify it, and you can also modify the CSS on the web page to see the effect, but it will disappear after refreshing, so you can debug on the web page, that is, the CSS on the right can be modified, just Useful before the web page is refreshed!

5. The template css file of Dreamweaver is in the folder templets\default\style in the root directory of the website. You can modify it directly by comparing it with the css in the style. dedecms.css This is a css that is called on all pages.

Recommended learning: css video tutorial

The above is the detailed content of How to modify Dreamweaver css. For more information, please follow other related articles on the PHP Chinese website!