Programmer Think

Concept: what is Flex? FlexiableBox is an elastic box, which is used for elastic layout and can cooperate with rem to deal with the problem of size adaptation Why Flex layout? 1. It is used to provide maximum flexibility for box model. Any container can be specified as a Flex layout (using the display property) display:flex; 2. It is more ...

prefaceTo represent various colors in the web, the first thing we think of is to use hexadecimal or RGB. But in the actual web, there are far more than these two. Today's article will talk to you about various ways of representing colors in the web.Take the following code as an example. You can copy the code to see the effect:HTML<div class= ...

elaborate In this section, let's learn how to use the third-party animation library Animate.css in Vue. There are many finished animations in it, which can bring great convenience to development. Before learning how to use the third-party animation library, we should first learn a knowledge, which is to customize the fixed CSS animation ...

1, css3 elastic box 1.CSS3 elastic box is a layout method to ensure that elements have appropriate behavior when the page needs to adapt to different screen sizes and device types. 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 f ...

backgroundIn the group, some students will ask relevant questions, how to use CSS to realize an inscribed corner button, and how to realize a button with an arrow?Based on some high-frequency buttons in the design draft, this paper explains how to use CSS to realize them as much as possible.Let's take a look at these button shapes that often ap ...

1, Introduction to Nodejs 1. Getting to know NodeJS NodeJS is a javascript running environment based on Chrome V8 engine. 2. Module There are many built-in API modules in NodeJS: fs, path, http, js built-in object, querystring, etc; Cannot operate without DOM and BOM. 3. Learn what NodeJS can do? 1. web application development can be done ...

catalogue preface Concept starting: what is ECharts? Visual experience: what does ECharts look like? Hands on operation: the perfect realization of ECharts trilogy! Step 1: finding is making money   Step 2: structure construction   Step 3: copy and paste what I'm good at JavaScript code summary preface     &nbs ...

catalogue 1, Event basis 1. Event overview 2. Event overview 3. Perform event steps 4. Common mouse events 2, Operation of property 1. Get property value 2. Set attribute value 3. Remove attribute 4. Case Tab bar Toggle 1, Event basis 1. Event overview JavaScript enables us to create dynamic pages, and events are behaviors tha ...

catalogue 4, Pseudo class selector (weight: 001) 1,: link,: hover,: active,: visited 2,: focus (used to select the element that gets the focus) 3,: lang(fr) (special language for matching) 4,: not (selector) (matches each element of non specified element / selector) 5,: root (matching document root element) 6，:first-child，:l ...

HTML5 final assignment: small gift shopping website design - small gift shopping mall website (12 pages) HTML+CSS+JavaScript html web page design final assignment_ Web design homework Common web design topics include individuals, food, companies, schools, tourism, e-commerce, pets, electrical appliances, tea, home, hotels, dance, animation, ...