flexbox model
4. Project properties
4.1,order
Controls the sorting order of sub-items. The default value is 0. The larger the value, the later the order.
Code display
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" conte ...
Posted by Sirus121 on Fri, 29 Apr 2022 16:45:55 +0300
Tanabata Valentine's Day ❤ html+css+j ❤ Achieve full screen love effect (programmer confession)
Chinese Valentine's Day ❤ html+css+j ❤ Achieve full screen love effect (programmer confession)
❤ The programmer confessed that many people were hit like Xiaobian. The students who need to confess stepped up. Don't miss this good opportunity.
❤ Many programmers are always struggling to find the right way to advertise. Here, we have specially s ...
Posted by webnick on Thu, 28 Apr 2022 18:36:53 +0300
HTML5 syntax and basic Tags
Create first page
Create a new html file using VSCODE, enter!, Press and hold the TAB key to generate an html skeleton. New text suffix changed to html.
Hot renewal
Use vscode to write html and save it in time, and the browser can automatically refresh the page content.
HTML skeleton
<! DOCTYPE html > is a declaration rule. DTD r ...
Posted by MattDunbar on Thu, 28 Apr 2022 18:18:48 +0300
Comprehensive application of web design: choose your own website, realize HTML and CSS coding
content
1. Effect drawing
2. Layout analysis
2.1: First divide the entire page into two parts
2.2: Left sidebar section
2.3: Right main body part
3. HTML code
3.1 Left sidebar section
3.1.1: Left sidebar section
3.1.2: Right sidebar section
3.2: Right main body part
3.2.1: Body Head Section
3.2.2: The left part of the main bod ...
Posted by DrFishNips on Wed, 27 Apr 2022 17:49:52 +0300
js knowledge point dom node
1, dom node type
1. Element node
2. Attribute node
3. Text node
2, View element nodes
1. View node name
Node object nodeName
console.log(oDiv.nodeName); //Node name DIV
2. View label name
Node object tagName；
console.log(oDiv.tagName); //Label name DIV
3. View node type
Node object nodeType；
Return val ...
Posted by Rohlan on Sun, 24 Apr 2022 15:20:05 +0300
The front-end layout is related to the mobile terminal layout
1, Mobile terminal layout
1. Layout concept
(1) Static layout
Direct use of px as a unit is not recommended and cannot adapt to the screen
(2) Streaming layout
Width percentage height pxThe maximum and minimum values are usually added
(3) Adaptive layout
Each static layout corresponds to multiple screen resolutionsUse @ media media query t ...
Posted by dreglo on Fri, 22 Apr 2022 06:06:46 +0300
Java project: course evaluation system (java+SpringBoot+layui+html+maven+mysql)
Source code acquisition: download from "resources" on the blog home page!
Project introduction
It is suitable for students who have just come into contact with springboot. It is not difficult. The front end uses the layui framework and the background springboot+mybatis. Less code. Roles are divided into students, teachers and ad ...
Posted by consolestrat on Wed, 20 Apr 2022 04:50:40 +0300
03.12 BOM object and window object
2.03.11 BOM object and Window object
1.BOM
Introduction: BOM is the abbreviation of browser object model, abbreviated as browser object model. It provides objects that interact with browser windows independently of content; Using the browser object model, you can interact with HTML. Its function is to organize and package the relevant element ...
Posted by bdee1 on Tue, 19 Apr 2022 12:09:22 +0300
Basic teaching of HTML web page tag code
HTML full name hypertext markup language (Hyper Text Markup Language) can be used to make web pages. It has a set of grammar rules. Through these grammar rules, we can design colorful web pages. First, the tag format of html is:
<Tag name>Label content</Tag name>
Start with < tag name > and end with < / tag name >. Th ...
Posted by Grant Holmes on Tue, 19 Apr 2022 05:27:27 +0300
[Liu Jian] JavaScript array de duplication method
JavaScript array de duplication methodAuthor: Abbott Liu (Liu Jian)Education: GarrisonExample: remove duplicate elements from the following array (take multiple data types as an example)const arr = [0, 1, 2, 3, 5, 5, 6, 6, 6, 7, 9]1. indexOf method using arrayCreate a new empty array, traverse the array that needs to be de duplicated, and store ...
Posted by samtwilliams on Mon, 18 Apr 2022 04:23:17 +0300