Getting started with front-end css3

We know that if you want to learn front-end, then CSS3 and HTML5 are the most basic and first knowledge to learn. Today we will bring you CSS3, the front-end introduction, let us take a look together

Without further ado, let’s get to the point

What is css3

The key elements of css3 forming a page
CSS3 is split into "modules". Old specifications have been broken into small pieces and new ones have been added.
Some of the most important CSS3 modules are as follows:

Selector

css is also called style, which consists of "selector", "styleattribute" and "attribute selection" Value" consists of three parts (Alibaba interview questions);

If you want to set the CSS style in the HTML element, you need to set the "id" and "class" selectors in element ① .

①Elements are called DOM in JS, and are divided into block-level elements and inline elements
If you don’t understand, check the details yourself

<p class="xxx">Hello,world</p>选择器{属性:值}
.xxx{width:100px;}<p id="xxx">Hello,world</p>选择器{属性:值}
#xxx{width:100px;}

Both are similar , if the selector uses class, when writing the style, it starts with "." such as .xxx. If the selector uses id, it starts with "#" such as #xxx (especially emphasize that id is the only selector, and the class name can only be Used once).

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to the php Chinese website Other related articles!

Related reading:

How to solve the css Hack of IE11

axios How to make HTTP request client based on Promise

How VUE uses anmate.css

The above is the detailed content of Getting started with front-end css3. For more information, please follow other related articles on the PHP Chinese website!