CSS3 to get started on the front

We know that if you want to learn the front-end, that CSS3 and HTML5 is the most basic and the first to learn a knowledge, today to bring you the front-end CSS3, let us look at

No more nonsense.

What is CSS3

CSS3 key elements of forming a page
The CSS3 is split into "modules". The old specification has been split into small chunks, and new ones have been added.
Some of the most important CSS3 modules are as follows:

Selector Selector

CSS, also known as the style, consists of the "selector", "style attribute" and "attribute value" three parts (a inside question);

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

The ① element is called the DOM in JS and then divided into block-level elements, and inline elements
If you do not understand the details of self-view

<p class= "xxx" >Hello,world</p> Selector {property: value}.xxx{width:100px;} <p id= "xxx" >Hello,world</p> Selector {property: value} #xxx {width:100px;}

Both are pretty much the same, and if the selector is a class, start with "." When writing the style. Start with a. xxx, if the selector uses the ID to start with "#" such as #xxx (the special emphasis ID belongs to the unique selector, the class name can only be used once).

Believe that you have read the case of this article you have mastered the method, more exciting please pay attention to the PHP Chinese network other related articles!

Related reading:

How to solve the IE11 CSS Hack

Axios How to Promise-based HTTP request client

Vue How to use Anmate.css