How to create a new css style

This article mainly explains "how to create a new css style". The content in the article is simple and clear, easy to learn and understand. Please follow the editor's train of thought to study and learn "how to create a new css style".

I. illustration of an example

New css instance description:

Let's define two id and two class-style classes, respectively. Two id are named aa and bb, and two class are named cc and dd

Second, first define the css style

1. Direct definition to css file method

2 id are # aa {font-size:12px;}, # bb {font-size:16px;}

2 class are .cc {font-size:18px;}, .dd {font-size:22px;}

3. Css style embedded in html

Learn more about css references

# aa {font-size:12px;}

# bb {font-size:16px;}

.cc {font-size:18px;}

.dd {font-size:22px;}

4. The above is the defined css style. Next, we will introduce the css application of css style-a case study.

My style is id named aa

My style is id named bb

My style is class named cc

My style is class named dd

Thank you for your reading, the above is the content of "how to create a new css style", after the study of this article, I believe you have a deeper understanding of how to create a new css style, the specific use of the situation also needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!