Front end - initial knowledge of HTML and CSS - floating layout

(7) Front end - initial knowledge of HTML and CSS - floating layout 1, CSS layout 1. Layout of web pages It refers to how the browser arranges the elements in the web page 2. Standard stream (/ document stream / normal stream) typesetting mode 1) Browser default layout At the bottom of the web page, it represents the position in a page. B ...

Posted by The_Assistant on Fri, 19 Nov 2021 03:36:03 -0800

Grail layout and twin wing layout

1, Foreword I've seen the interview questions of Holy Grail layout and double wing layout many times. Each time I thought I understood it. As a result, I didn't see it for a while or forgot it. Maybe the interview level I experienced was too low to get it.. In addition, there are generally no such optimization requirements in normal developmen ...

Posted by tengkie on Thu, 18 Nov 2021 21:48:25 -0800

express framework learning

express is a node framework It prepares you for all the back-end needs to do Encapsulate most behaviors into methods (services) An interface location is reserved, and many plug-ins can be registered directly use 1 download using npm install express 2 import using const express = require('express') 3 create service =>After importing, ...

Posted by b-real on Wed, 17 Nov 2021 00:47:50 -0800

flex layout principles

flex yes flexible Box Abbreviation for Flexible Layout, Used to provide maximum flexibility for box models, any container can be specified flex Layout. When the parent box is set to the flex layout, the float, clear, and vertical attributes of the child elements become invalidScalable Layout=Elastic Layout=Scalable Box Layout=Elastic Box Layo ...

Posted by jake2891 on Fri, 12 Nov 2021 13:03:31 -0800

css with the artifact of css variable, I don't need less and sass anymore

Those who have used sass or less know that they can mainly have nesting, variable and function functions. In fact, they have begun to gradually support in the native CSS. It is true that only you and I know well at present, while others are still in the bud. If you understand CSS variables, you will find that CSS has become extremely powerful. ...

Posted by Calvin770D on Thu, 11 Nov 2021 21:51:36 -0800

"Pure CSS implementation" scrolling of ultra long content

If the UI draft is designed with a single line fixed width style, the content exceeding the length will generally be hidden and displayed with ellipsisThis is also the simplest and most commonly used processing method​However, in the actual demand, it is likely to require that the super long copy be displayed in a single line without changing t ...

Posted by mmponline on Thu, 11 Nov 2021 01:08:39 -0800

CSS drawing and data storage principle

1.1 simple JavaScript 1.1.1 what is JavaScript At the beginning of design, JavaScript is a scripting language that can be embedded in web pages. Its main function is to create web page special effects on the web. Dynamic applications implemented using JavaScript scripting language can be seen everywhere on Web pages. For example, verify ...

Posted by php3ch0 on Wed, 10 Nov 2021 20:40:09 -0800

3D shuttle effect? Easy to handle with CSS

backgroundI habitually log in to Apex at home at the weekend and prepare to play some games. In the process of landing the accelerator, it was found that the accelerator expired.I have been using Tencent online game accelerator, but click the recharge button to prompt that the client has been upgraded recently and does not support recharge (thi ...

Posted by doni49 on Tue, 09 Nov 2021 21:56:50 -0800

The text effect realized by pure CSS can be so cool

Hello, I'm the senior brother of the front-end laboratory! preface CSS is a very special language. You think CSS can only be used to control the structure and style of web pages, but as long as you have rich imagination, you can create unlimited possibilities. In this article, senior brother has selected 10 cool text effects implemented wi ...

Posted by Aeolus on Mon, 08 Nov 2021 19:25:48 -0800

Tailwind CSS introduction and Practice

backgroundTailwind It is a CSS framework based on atomic / utility first specification. It provides basic tool classes (such as preset classes such as inner margin padding, font text and font, animation transition, etc.), which can be directly combined in script markup language to build the design you want.The current mainstream UI framework, s ...

Posted by interrupt on Sun, 07 Nov 2021 21:34:26 -0800