Programmer Group

preface This article is suitable for front-end Xiaobai, or a small partner reviewing CSS, because the author is still a front-end Xiaobai( 😁). I've always seen these two things, but I haven't learned about them. Now I'm trying to complete the teacher's task. I knock the code while learning every day. Personally, I think the front end is fu ...

catalogue 1: Interpolation Example 1: 2: Instruction Example 2: 3: Dynamic parameters Example 3: ​   4, Filter   Global filter Local filter Example 4   V. calculation attribute and listening attribute Example 5   1: Interpolation     ① Text           {{msg}}     ② html       &nbs ...

css css: page beautification and layout control Concept: Cascading Style Sheets Cascade: multiple styles can act on the same html element and take effect at the same time Benefits: Powerful: Separating content presentation from style control Reduce coupling and decoupling Make division of labor and cooperation easier Improve developmen ...

catalogue 1. css and js are two ways to realize div right shift 1000px animation? 2. What are the differences among visibility, display and opacity? 3. Single line truncation css?   4. flex layout? 5，flex: 1？ 6. What is the difference between transition, transform and translate? 7. How to draw a 0.5px border? 8. Talk about BFC? ...

        A good memory is not as good as a bad pen. I digest and absorb it myself in the process of writing, so I wrote this JavaScript learning series. The text in the article is what you understand. You can watch it as appropriate.         I saw a very common topic in JavaScript you don't know - Part ...

catalogue 1. Descendant selector 2. Sub element selector 3. Union selector 4. Pseudo class selector 4.1 link pseudo class 4.2: ficus pseudo class selector In CSS, selectors are divided into basic selectors and conforming selectors according to selector types. Compound selectors are formed by combining basic selectors based on basic sele ...

10-26 Elastic box (display: flex) An elastic box consists of a flex container and a flex item. Elastic containers are defined as elastic containers by setting the value of the display property to flex or inline flex. The elastic container contains one or more elastic child elements. Note: the outside of the elastic container and the inside ...

1, Brief introduction to components A container is an element designed to contain page elements to a reasonable maximum width according to the size of the user's screen. This is useful for use with other UI elements, such as useful grids or menus, to limit their width to a reasonable display size. Advantage: containers are designed t ...

Common solutions to mobile terminal layout are: 1.flex flexible layout 1) The height is fixed, the width is adaptive, and px is used as the unit of elements. 2) As the screen width changes, the page will also change. The effect is similar to the fluid layout of the PC page. When the width needs to be adjusted, just use the responsive layout ...

catalogue 1, Properties of commonly used elastic boxes 1. flex container 2. flex project 3. Arrangement direction 4. Properties of the flex container 5. Project properties (itme) 6. Grail layout   7. Length units in CSS 2, Use of multimedia tags in HTML5 1. Format of video file 2. Usage of Video Tags 3. Audio format file 4. Ho ...