Shulou(Shulou.com)05/31 Report--

This article introduces the knowledge of "how to use the Grid module in css". In the operation of actual cases, many people will encounter such a dilemma, so let the editor lead you to learn how to deal with these situations. I hope you can read it carefully and be able to achieve something!

Module description

1. To create a layout with rows and columns, the Grid module has added 18 new CSS attributes. The grid-gap property can be used in the CSS grid to easily increase the spacing between columns and rows. This is the abbreviation between row and column.

2. Elements in the grid can be placed in any row / column, occupy multiple rows or columns, overlap other elements, and set horizontally or vertically in the middle.

Example

What is the basic syntax of CSS3----grid layout instance css? the basic syntax of css is:

1. The css rule consists of a selector and one or more declarations.

2. Selectors are usually HTML elements that need to be styled

3. Each declaration consists of an attribute and a value

4. Attributes and attribute values are separated by colons.

This is the end of the content of "how to use the Grid module in css". Thank you for reading. If you want to know more about the industry, you can follow the website, the editor will output more high-quality practical articles for you!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.