Programming VIP

1. Attributes of flex items The following six properties are set on the project. orderflex-growflex-shrinkflex-basisflexalign-self 1.1 order attribute The order attribute defines the order in which items are arranged. The smaller the value, the higher the arrangement. The default value is 0. .item { order: <integer>; } Exampl ...

Catalog 1. Set up related file structure 1.1 File Structure 1.2 Introducing Initialization Styles 1.3 Common Initialization Styles 2. Search Module 2.1 Search Module - Appearance Layout 2.2 Search Module - Personal Center 2.3 Search Module - Search Box 3. Banner Modules 4. Local Navigation Bar Module 4.1 Local Navigation Bar Module - ...

1, Introduction Last week, I interviewed a little partner who graduated from a certain training institution to apply for the position of front-end engineer. The resume said that he was proficient in html5+css3, and could write the rotation chart, navigation bar and so on. The first impression was good. During the interview, I asked s ...

The problem is this: we are going to make a layout effect of the picture below When the window height is reduced, the red and blue boxes and the largest gray box are reduced accordingly, but the premise is that the red and blue boxes can not overflow to the outside of the gray box, and the contents can not be squeezed The following is the neg ...

preface Study hard and remember these attributes, which will be of great use in the future. Tip: the following is the main content of this article. The following cases can be used for reference 1, flex flexible layout Layout principle: Flex is the abbreviation of flexible Box, which means "elastic layout". It is used to pr ...