How to save css style

How to save css styles: 1. For inline styles, you need to right-click in the browser - view the web page source code, copy the content in the style tag and save it; 2. For external styles, you need to press f12 to open the developer tools. Select the source panel, find the corresponding css file, right-click and save.

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

1. First, make sure whether the css style you want is inline in html or in a separate css file. If it is inline, right-click on the web page, view the source code, and then copy it. Just come down and save it in a document.

For example, the following css code is in the style attribute. Copy all the contents in the style attribute, paste it into Notepad, and name it main.css.

<div style="width: 65px;height: 20px;border: 1px solid;">测试元素</div>

2. If the css style is a separate file, it is recommended to use Google Chrome, press the shortcut key F12 or right-click and select Inspect, which will open the developer tools, and then select source, which means It is the resource item, and then find the corresponding CSS file. After selecting the file, right-click and save it locally.

Recommended learning: css video tutorial

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