What are CSS Codepen and VScode?

This article mainly introduces "what are CSS Codepen and VScode". In daily operation, I believe many people have doubts about what CSS Codepen and VScode are. The editor consulted all kinds of materials and sorted out simple and easy-to-use methods of operation. I hope it will be helpful to answer the questions of "what are CSS Codepen and VScode?" Next, please follow the editor to study!

CodePen is an online HTML, CSS, and JavaScript code editor that can write code and instantly preview the effect. Works that can be displayed online, you can also see a variety of amazing effects that others have achieved on the web page.

VScode free open source modern lightweight code editor, support almost all the mainstream development language syntax highlighting, intelligent code completion, custom hotkeys, parenthesis matching, code snippets, code comparison Diff, GIT and other features, support plug-in extension, and for web development and cloud application development has been optimized. The software supports Win, Mac and Linux across platforms.

Three ways of introducing css 1. Inline style, the most straightforward and simplest, uses style= "" directly for HTML tags. two。 The embedded style is to write the CSS code in between and use the

To make a statement. 3. External style, in which the link style is the most frequently used and the most practical style, only need to add

Just do it. The second is to import styles, import styles and link styles are similar, using @ import style to import CSS stylesheets, not recommended. At this point, the study of "what are CSS Codepen and VScode" is over. I hope to be able to solve your doubts. The collocation of theory and practice can better help you learn, go and try it! If you want to continue to learn more related knowledge, please continue to follow the website, the editor will continue to work hard to bring you more practical articles!