Home >Web Front-end >CSS Tutorial >How to create CSS? Create CSS step process

How to create CSS? Create CSS step process

云罗郡主
云罗郡主Original
2018-11-05 15:58:289160browse

Cascading Style Sheets (CSS) is a system used for website coding that allows designers to manipulate certain elements by assigning them to them. For example, by using website background codes, designers can change the background color or image on all pages of the website with a single change to the CSS file. Here's how to create CSS for a basic website.

How to create CSS? Create CSS step process

1: Writing inline CSS

1. Make sure you have a basic understanding of HTML tags about src and href attributes, Learn some basic CSS properties. You will find that there are many properties. However, it is not necessary to learn them all. Some good basic CSS properties are color and font-family. For the color attribute, sometimes you can place the red value and the styleHTML attribute. It uses src in elements like href or src. To use it, within quotes after the equal sign, place the CSS property, a colon, and then the value of the property. This is called a CSS rule.

Many professional web developers typically do not use inline CSS for their websites. Inline CSS can add unnecessary clutter to HTML documents.

Two: Writing Basic CSS

1. Start the code you want to use, first create the HTML and CSS files. If you don't have a special program installed, you can use Notepad or another text editor. Just save the file as a text file and a CSS file, and create a

Create a CSS file instead of an HTML file and save it with a .css extension. Create a tag in the HTML header. This will allow you to link separate CSS files to the HTML document. Your link tag requires three attributes: rel, type, and href. rel means "relationship" and tells the browser the relationship to the HTML document. There should be a value here called "stylesheet". type tells us the file type of the link. There should be a value here "text/css"

href is used here in a similar way to how it is used in the element, but here it must be linked to a CSS file. If the CSS file is in the same folder as the HTML file, you only need to write the file name within quotes. Select different types of elements to add the same style to. Add the class attribute to these elements and set them to the class name of your choice. This will give your elements the same style.

The above is about how to create CSS? A complete introduction to the step-by-step process of creating CSS. If you want to know more about CSS3 tutorial, please pay attention to the PHP Chinese website.


The above is the detailed content of How to create CSS? Create CSS step process. 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