Home >Web Front-end >CSS Tutorial >How to write css using notepad

How to write css using notepad

anonymity
anonymityOriginal
2019-05-28 13:22:107184browse

How to write css using Notepad? Here are the detailed steps

How to write css using notepad

Steps:

1 , Open the Notepad program in Windows

2. Enter the css code in Notepad

3. Click the menu "File" ---> "Save", and "Save As" will pop up dialog box, save the above document as a css document with the suffix "*.css", such as my_firstcss.css

. It should be noted that the file suffix saved by Notepad is "*.txt" by default, so The file name needs to be enclosed in English double quotes ("").

4. Double-click the saved css document, and Windows will automatically call the browser software (such as IE) to open the css document

Case code:

New Notepad file, open Notepad, use css to edit the web page, just add the css statement to be used in 080b747a20f9163200dd0a7d304ba388Add content area531ac245ce3e4fe3d50054a55f265927, add in 6c04bd5ca3fcae76e30b72ad730ca86d Just add the statement to use the css attribute in the content area 36cc49f0c466276486e50c850b7e4956.

For example:

<html>
<head>
<title>my first text html</title>
<style type="text/css">
body{
font-size:30px;
font-family:Arial,Helvetica,sans-serif;
}
</style>
</head>
<body>
welcome to my first text html!
</body>
</html>

Display results: (The text font is Arial, the font size is 30px)



The above is the detailed content of How to write css using notepad. 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