Programming VIP

Elastic element +Classification from element type =>inline element =>Block level element block =>Inline block element =>Elastic element flex appointment: +We call the element of display: flex the elastic parent element +The direct child element of the element with display: flex written is called elastic child element Wh ...

Text properties color Sets the foreground color of the text content Representation English, rgb, etc English words color: red; Disadvantages: imprecise hexadecimal All design software has a common color representation Each color component is a number from 0 to 255: hexadecimal ff is 255 of decimal #aabbcc form, can be abbreviated as #ab ...

Flex flexible layout 1. Development history of flex The W3C put forward the concept in 2009, but the word flex is not officially available. display:box was used at that time; Represents a flexible layout In 2011, browser manufacturers decided to use flexbox to describe its layout characteristics In 2015, W3C officially revised it to flexbox ...

3D, The 3d effect can only be seen through long-distance observation. Because the distance is too close, we can only see the 2d effect of the plane. Therefore, we need to set the depth of field before setting the 3d transformation effect: perspective: 1200px; /* Use in the parent element to set the depth of field*/ At the same time, we ...

In CSS specification Scroll-linked Animations In, an epoch-making CSS function is introduced. That is -- The @scroll-timeline At rule, literally translated as rolling timeline.This article will take you to find out, from getting started to learning to use CSS @ scroll timeline.What is @ scroll timeline?What is @ scroll timeline?@Scroll timeline ...

Students who often use photoshop are familiar with the background of such a transparent square. Some are called "chessboard" effect, as followsThis paper introduces three tips for drawing transparent squares with CSS1, Linear gradientLinear gradient can be said to be the first application to realize this effect. Of course, the impleme ...

preface Hello, I'm zero one. Recently, I'm going to talk about code in the group, so I sorted out the business code before the next project. In the process of combing, I saw a progress bar component written very well, which reminds me of the progress bar code I wrote when I first started preschool. Compared with this, it's really too far away ...

1. Deformation and animation in CSS3 (Part 2) 1.1 Keyframes introduction Keyframes are called keyframes, which are similar to keyframes in Flash. In CSS3, it mainly starts with "@ keyframes", followed by the animation name and a pair of curly brackets "{...}". In the brackets are some style rules in different time peri ...

Catalogue of series articles Three articles introduction CSS (I) Three articles introduction CSS (II) Three articles introduction CSS (III) I css inheritance 1. Style inheritance In the last article, we have learned about css. We know that css is actually a tool for finding corresponding tags and modifying the contents of tags. We h ...

1, CSS introduction css introduction method Introduction method:1. Embedded2. Outreach3. InlineWriting position:Write css in the style tag of headImporting css file with link tag in headcss is written in the style attribute of the tagScope of action:Current pageMultiple pagesCurrent labelUsage scenario:Small caseIn the projectUse with js ...