• Jsliang job series – 43 – CSS series summary


    One directory II. Review knowledge points  2.1 Foundation  2.2 box model  2.3 mobile terminal III. references  3.1 interview  3.2 layout  3.3 Flex  3.4 mobile terminal  3.5 CSS  3.6 CSS3  3.7 cascading context  3.8 BFC block formatting context  3.9 others II. Review knowledge points Return to directory There are three parts to review the knowledge points. […]

  • 11.29-12.5


    Oh, it’s not easy to write this developeppaper. In fact, it was written yesterday. It’s about the journey in my heart. But I submitted it twice. It failed to pass the review and made it private to me. What’s more annoying is that I can only submit it twice a day. Then I changed it […]

  • How to use CSS to write a button with beveled corners, borders and internal and external shadows?


    If one day, the UI Designer throws a UI draft with such a button with beveled corners, borders and internal and external shadows, how will you implement it? First reaction tangent? But the content and size of the button are variable. How many pictures do you have to cut~Canvas?SVG? No, no, no, today we use […]

  • 2021-05-24


    Front end interview 2021.5.24 1. Let’s talk about the box model: Answer: there are two kinds of box models: W3C and IE box models The box model includes margin, border, padding and content W3C element width = content width Element width of IE = content + padding + border Personally, I think the box model […]

  • Question 2: what is a box model?


    concept All HTML tags can be understood as a box model The box model is mainly composed of four parts: content, padding, border and margin <img></img> Standard box model (W3C box model) content box Box size = content Weird box model (ie box model) border box Box size = content + padding + border The […]

  • HTML & CSS test questions


    1、 Multiple choice questions (2 points for each question)1. What is the tag used to define an empty link in HTML? A A、<a href=’#’>    B、<a href=’;’>    C、<a href=’@’>   D、<a href=’!’> 2. The following description of HTML is incorrect? A A. Html is a hypertext markup language, and tags cannot be cross nested; You cannot insert special tags in HTML, […]

  • HTML CSS drawing breathing lamp


    It’s too hard to get the video…. Animations is a module of CSS3. Keyframes are used to define how to change the attribute values of CSS over time. The behavior of keyframes can be controlled by specifying their duration, repetition times and how to repeat. Animations consists of two parts: CSS animation configuration and a […]

  • Variables in Python are not boxes, but labels and pointers


    At the beginning of learning variable usage in Python: 1,,, the value of the variable can be modified at any time in the program, while Python will always record the latest value of the variable.   2. Variable names can only contain letters, numbers, and underscores. They can start with letters or underscores, but not […]

  • Question 11: what is the difference between CSS and CSS3?


    concept CSS3 adds some features on the basis of CSS CSS3 new features CSS3 fillet div { border-radius:25px; } CSS3 box shadow div { box-shadow: 10px 10px 5px #888; } CSS3 border picture div { border-image:url(border.png) 30 30 round; } CSS3 background div { background: url(img_flwr.gif); } CSS3 gradient div { background-image: linear-gradient(#e66465, #9198e5); background-image: […]

  • Combination mode (learning notes)


    1. Intention The objects are combined into a tree structure to represent the hierarchical structure of “part whole”. Composite enables users to use single objects and composite objects consistently 2. Motivation If the core model of the application can be represented by a tree structure, it is valuable to use the combination mode in the […]

  • Bull pen! Byte beating boss sorting: CSS core knowledge (10000 word long text, worth collecting!)


    This article focuses on the core knowledge of CSS and the common requirements in the project. Although the writing is too long, it is relatively basic and suitable for primary, intermediate and front-end reading. Please skip the part you have mastered when reading. This article has been written off and on for a long time, […]

  • Using CSS to realize the horizontal and vertical centering of the box (8 kinds)


    Original code: center.html: <!DOCTYPE html> <html lang=”Zh”> <head> <meta charset=”UTF-8″> <meta name=”viewport” content=”width=device-width, initial-scale=1.0″> <title>Center</title> <link rel=”stylesheet” href=”center.css”> </head> <body> <div class=”father”> <div class=”son”></div> </div> </body> </html> center.css: body { background-color: #6ed0ff; } .father { background-color: #be33ec; border-radius: 20px; box-shadow: 0 0 15px rgb(0, 0, 0); margin: 100px auto; width: 300px; height: 300px; } .son […]