Home >Web Front-end >Front-end Q&A >What is a css file and how to open it

What is a css file and how to open it

青灯夜游
青灯夜游Original
2021-04-06 18:26:358760browse

The css file is a text file that can be opened using code editors such as vscode, sublime, Notepad, HBuilder, Dreamweaver, etc. It can also be opened using the Notepad software that comes with the computer.

What is a css file and how to open it

The operating environment of this tutorial: windows7 system, sublime text3 version, DELL G3 computer

What is the css file

The CSS file itself is actually a text file. It is written using the syntax rules specified by CSS so that the browser can recognize it. In addition to controlling the page layout, the css file can also effectively separate the html code and css code, so that the content and layout can be written independently without interfering with each other, and the organization is clearer.

css files have a .css suffix. We see that files with a .css suffix are css files.

How to open css file

1. Open css file with vscode

(1) Open the command line and enter the directory of the css file that needs to be opened , enter the code css file name to open it.

code is a command tool added by vscode for us.

What is a css file and how to open it

(2) Drag the css file directly into the vscode editor

What is a css file and how to open it

The css file displayed by vscode is as follows:

What is a css file and how to open it

2. Open the css file with sublime text3

What is a css file and how to open it

3. Use Notepad to open the .css file

Notepad The tool is also a popular software that can open css files and edit css files.

What is a css file and how to open it

4. Use HBuilder to open

What is a css file and how to open it

##5. Use Dreamweaver to open

For beginners Select Dreamweaver. Dreamweaver is a popular tool. We only need to open Dreamweaver and drag the file to be opened.

6. Open the css file in Notepad

Right click - Edit

What is a css file and how to open it

What is a css file and how to open it

(Learning video sharing :

css video tutorial)

The above is the detailed content of What is a css file and how to open it. For more information, please follow other related articles on the PHP Chinese website!

Statement:
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