Home > Article > Development Tools > How to run css in sublime test
How to run css in sublime test
- 下次还敢Original
- 2024-04-03 12:03:18692browse
Steps to run CSS in Sublime Text: Open the HTML file and add the <style> tag inside the <head> tag to contain the CSS. Save the HTML file to save the CSS. Select "Live Preview" through the menu "View" to preview the real-time effect. Edit the CSS and save it, and the preview will update in real time.
How to run CSS using Sublime Text
Sublime Text is a popular code editor that comes with The built-in CSS runner can help you quickly preview the effect of CSS code. Here are the steps to run CSS with Sublime Text:
Step 1: Open an HTML file
In Sublime Text, open an HTML file that contains the Preview CSS code.
Step 2: Add a <style> tag
within the <head> section of the HTML file , add a <style> tag that will contain the CSS code to run. For example:
<code class="html"><head>
<style>
/* 你的 CSS 代码 */
</style>
</head></code>
Step 3: Save the HTML file
Save the HTML file to save your newly added CSS code.
Step 4: Run Live Preview
Choose one of the following commands to run Live Preview:
- Mac: View > Preview in Browser > Live Preview
- Windows: View > Show Preview in Browser > Live Preview
- Linux: View > Preview in Browser > Live Preview
Step 5: Preview CSS effects
The Live Preview window will display a real-time preview of the HTML file, which will Apply the CSS code you just added. You can modify CSS code and see the effects immediately when the file is saved.
The above is the detailed content of How to run css in sublime test. For more information, please follow other related articles on the PHP Chinese website!