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

Editor to share with you how dw links to css files in html, I believe most people don't know much about it, so share this article for your reference. I hope you can learn a lot after reading this article. Let's go to know it together.

Dw's method of linking css files in html: first, establish a site in the dw software and create a new CSS folder and a html file in the site; then click [CSS designer] in the upper right corner, and select a good css folder; finally, add it as a [link] and click the [OK] button.

The operating environment of this tutorial: Windows7 system, dreamweaverCC 2020&&html5&&css3 version, Dell G3 computer.

How does dw link css files in html?

1. First establish a site in the software and create a new CSS folder and a html file in the site. (you can click below to quote experience to see how to create a site.)

2. Click [CSS designer] in the upper right corner, click [+ sign] below, and then select "create New CSS File".

3. In the creation window, click the "Browse" button.

4. Then select the folder in the site whose name is CSS, then enter the name of the CSS you want to create (in English), and click "Save".

5. Then set it as [Link], and click the [OK] button.

6. After adding, you can see the newly created CSS stylesheet file under the CSS folder in the site on the right.

7. In the [head] tag on the left, there is an extra line of code that links to the CSS file. You can also see linked stylesheets in the top tab tag.

8. Next, write a simple web page to see if the CSS stylesheet is linked successfully. Open the html web page editing page and enter a div in the [body] tag. As shown below:

9. Then select the CSS stylesheet you just created in the top tab tab, write a style in the stylesheet, name it [aaa], and save the stylesheet [shortcut key Ctrl+S].

10. Then go back to the html editing page, introduce class into the div tag, enter the name of the style you just wrote [aaa], and save the page [shortcut key Ctrl+S].

11. Click the design button at the top to see the real-time effect.

12. You can also press the shortcut key F12 and open it directly with the browser to see the real effect. Prove that there is no problem for our CSS to link to html.

The above is all the contents of this article "how to link css files in dw in html". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

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.