Tag：css3
-
rem and media queries
1. What is rem rem (root em) is a relative unit, similar to em. em is the font size of the parent element, and rem is based on the font size relative to the html element. html { font-size: 20px; } father { font-size: 16px; } /* child is the child element of father, then […]
-
The difference between CSS pixels, device pixels, device independent pixels, dpr, ppi
foreword Hi everybody, I’mHoMeTown, along the unit of measurement, I want to continue talking about the differences between CSS pixels, device pixels, device independent pixels, dpr, and ppi. As we all know, in CSS we usually usepxThere are more scenes as a unit. On the PC side, 1 pixel corresponds to 1 physical pixel on […]
-
The SAP UI5 FileUploader control implements local file upload, and encounters a trial version of cross-domain access errors when receiving server-side responses
A set of step-by-step learning tutorials suitable for SAP UI5 beginners About the Author Jerry Wang joined SAP Chengdu Research Institute after graduating from University of Electronic Science and Technology of China with a master’s degree in computer science in 2007. Jerry is a SAP community mentor and SAP China technical ambassador. During his 15-year […]
-
Simple understanding of CSS selector weight issues!
What are weights? Simply speaking, the weight is the relative importance. If it is placed in CSS, it means to give different styles to the same piece of content, and the style with the highest weight will take effect! If the weight is low, it will not take effect! Example: Assuming there is a p […]
-
Use front-end technology to achieve partial flow effect of static pictures
Disclaimer: The graphics and model materials involved in this article are only for personal study, research and appreciation, please do not re-modify, illegally disseminate, reprint, publish, commercialize, or engage in other profit-making behaviors. background if you have played🎮 “Glory of the King”、”Onmyoji”Waiting for mobile games, you must have noticed its startup animation, skin vertical drawing […]
-
Html Css front-end knowledge summary
Html Css related Single-line centered multi-line left layout Can be achieved using display: inline-block <! — html structure –> <div class=’container’> <div class=’list’> <div class=’item’></div> <div class=’item’></div> <div class=’item’></div> <div class=’item’></div> <div class=’item’></div> <div class=’item’></div> <div class=’item’></div> <div class=’item’></div> </div> </div> <! — Style –> .container { padding: 10px; width: 600px; text-align: center; border: 1px […]
-
Using CSS to Build Fancy Perspective Background Effects
This article will introduce a clever usebackgroundCooperatebackdrop- filterway to create interesting see-through background effects. This technique is derived from a question from a group of friends, how to construct suchElementUIA top bar background effect of the document, see the effect: Look carefully, during the scrolling process of the page, the background of the top bar […]
-
Teach a man to fish – How to query the documentation and technical implementation details of any SAP UI5 control properties by yourself Trial version
A set of step-by-step learning tutorials suitable for SAP UI5 beginners About the Author Jerry Wang joined SAP Chengdu Research Institute after graduating from University of Electronic Science and Technology of China with a master’s degree in computer science in 2007. Jerry is a SAP community mentor and SAP China technical ambassador. During his 15-year […]
-
Compatible with IE8
I recently came into contact with the PC side. After the website came out, the project manager Mr. B said that IE8 compatibility should be done (with a confused face)The most painful thing is that the dom cannot be modified at will, because there are too many places where css is reused, and it is […]
-
Talk about the principles and limitations of immer.js’ efficient copying and freezing of “objects”
the beginning of the story, immer.jsIt should be a popular library in 2019, which can efficiently copy an object (for example, compared toJSON.parse(JSON.stringify(obj))), and freezes modification permissions on some values on this object. But I found that some students advocate the large-scale use in the projectimmer.jsto manipulate objects, but they didn’t give me a […]
-
General modification of the scroll bar style
/Define the scroll bar style (height, width and background)/ ::-webkit-scrollbar { width: 7px; /Scroll bar width, width: corresponds to the width of the vertical scroll bar height: corresponds to the height of the horizontal scroll bar/ background: #fff; box-shadow: 0;} /Defines the scrollbar track (groove) style/ ::-webkit-scrollbar-track { // -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); […]
-
Using CSS to Realize Various Noise Effects
Disclaimer: The graphics and model materials involved in this article are only for personal study, research and appreciation, please do not re-modify, illegally disseminate, reprint, publish, commercialize, or engage in other profit-making behaviors. background Adding noise textures to illustrations can create a natural atmosphere. Noise texture can be used to shape shadows, highlights, depth, and […]