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

How to write css using notepad

anonymity
Release: 2019-05-28 13:22:10
Original
7201 people have browsed it

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 , add in Just add the statement to use the css attribute in the content area .

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>
Copy after login

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!

Related labels:
css
source:php.cn
Statement of this Website
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template