How is the mobile terminal adapted?

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 ...

Posted by ann on Fri, 22 Oct 2021 01:20:51 -0700

< CSS3 > basic syntax and box model

catalogue 1. CSS3 Basics 1.1 CSS3 introduction 1.2 front end third floor 1.3 CSS selector 1.4 CSS writing position 1.4.1 embedded type 1.4.2 external chain 1.4.3 lead in type 1.4.4 inline 2.3 basic syntax   2.1 tag selector and id selector 2.1.1 label selector 2.1.2 id attribute and id selector   2.2 class selector 2. ...

Posted by 8ta8ta on Tue, 12 Oct 2021 14:53:18 -0700

22 six attributes of flex layout container

3,flex-direction The flex direction attribute specifies the direction of the main axis. By default, the child elements are arranged according to the main axis. Therefore, flex direction also specifies the arrangement of elastic child elements in the elastic container. It has the following four values: row: (default) arranged horizontally ...

Posted by sean04 on Mon, 04 Oct 2021 10:29:37 -0700

CSS3 - Media Query

CSS Media Type CSS3 Multimedia Query 1.What is Media Query Media Query is a new CSS3 syntax. Using the @media query, you can define different styles for different media typesMultimedia queries are currently available for many Apple, Android and tablet devices 2.Media Query Syntax Specification Start with @media and note the @s ...

Posted by running_out_of_imagination on Sun, 26 Sep 2021 09:47:42 -0700

Graphical development of 032-Three.js lighting - PointLight point source, SpotLight spotlight source, SpotLight shading, Hemisphere Light outdoor light source

Graphical Development (V) Lighting of 032-Three.js - PointLight point source, SpotLight spotlight source, SpotLight shading, Hemisphere Light outdoor light source PointLight Point Light Source A point light source emits light from a point to all directions. A simple example is a bare bulb. It's easy to implement one of the most common point l ...

Posted by stevepatd on Fri, 10 Sep 2021 22:50:03 -0700

web Front End Case-Developing 3D Dragging Photo Wall

This code is 136 lines, written in css3 and javascript. Now the albums on the network are mostly tiled. If there are many photos, they look very tired. Of course, this is my personal point of view, so this time I made a 3D album dragging effect, which looks beautiful and not tired to watch. Knowledge points: CSS33D effect, CSS3 excessi ...

Posted by navarre on Thu, 16 Jul 2020 08:51:27 -0700

60 very useful CSS code snippets, recommended collection

Shortcut directory Vertical alignment Extend an element to window height Use different styles based on file format Create image grayscale across browsers Background gradient animation CSS: table column width self applicable Show box shadows on one or both sides only Package long text Make fuzzy text ...

Posted by marlonbtx on Sat, 27 Jun 2020 19:47:19 -0700

LayUI -- page element

Page elements layout Layout container Fixed width Place the grid in a specific container with class = "layeui container" so that the width is fixed in devices above the small screen and the columns are controllable. <div class="layui-container"> <div class="layui-row"> ...... </div> </div> Full width ...

Posted by ggkfc on Wed, 24 Jun 2020 00:38:37 -0700

05 CSS from principle to proficiency - 1

Introduction to CSS The function and development of CSS What is CSS? (1) CSS (Cascading Style Sheet) is called Cascading Style Sheet. (2) It is a kind of document that describes the expression of structural documents, mainly used for web page style design, including font size, color, and accurate ...

Posted by SquirrelJ on Tue, 23 Jun 2020 20:11:17 -0700

Vue advanced use - use Element UI component library and Sass preprocessing language

@[TOC](Vue advanced use (3) - use Element UI component library and Sass css preprocessing language) Using Element UI third party component library 1. cnpm installation element UI dependency cnpm install element-ui --save At package.json Element UI version information can be seen in the file "depend ...

Posted by bow-viper1 on Tue, 23 Jun 2020 02:27:06 -0700