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

Teach you to achieve a simple Canvas clock effect

Abstract: today I'll teach you to write a canvas clock case. The effect may look simple without those fancy ones. This article is shared from Huawei cloud community< How to realize a simple Canvas clock effect >, author: Aurora Borealis night.. 1, First look at the effect: Write a clock case of canvas today. The effect may seem relati ...

Posted by Molly on Thu, 18 Nov 2021 20:54:48 -0800

2, Select structure

catalogue 1. Composition of JavaScript 1. Three cores 2. Common methods of window objects 2.if selection structure 3. Multiple if selection structure 4. Nested if selection structure 5.switch selection structure 6. Ternary expression 1. Composition of JavaScript 1. Three cores ESMAScript core syntax (Standard Specification) - > ...

Posted by jikishlove on Thu, 18 Nov 2021 07:04:12 -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

Web front end final assignment - Web Design of responsive art training institutions (bootstrap+HTML+CSS+JavaScript +)

๐Ÿ… Author home page: Li Yangyong ย  ๐Ÿ… Introduction: high quality creator in Java field ๐Ÿ†, [Li Yangyong] author of public account โœŒ ย  Resume template, learning materials, interview question bank, technical assistance [pay attention to me and give it to you] ๐Ÿ… ย  Get the source code at the end of the article ย  ๐Ÿ… ...

Posted by eagleweb on Fri, 12 Nov 2021 19:18:21 -0800

HTML Basics (front end technology)

1, HTML5 document structure โ€ƒ in order to better understand and understand HTML5 web pages, a simple and standard HTML5 document structure code is given below. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>hello</title> </head> <body> </body> </html> ...

Posted by girlzz on Fri, 12 Nov 2021 15:08:33 -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

Do you really know the input form--- Collect user input information

1, What is a form ย  The form is mainly responsible for the data collection function in the web page. The < form > tag in HTML is used to collect the information entered by the user, and submit the collected information to the server for processing through the submission operation of the < form > tag Form components: Form lab ...

Posted by jrobles on Thu, 11 Nov 2021 01:37:12 -0800

AJ report project analysis

2021SC@SDUSC Continue analysis: In the last article AJ report project analysis (4) ย  In, we focus on the button source code in the corresponding source code of this page. Next, we analyze the column source code after the button: // Table column columns: [ { label: "", field: "id", ...

Posted by spyrral on Sun, 07 Nov 2021 10:26:57 -0800