2021-07-17 box model ~ content, outer margin, inner margin and frame
When a document is laid out, the browser's rendering engine will represent all elements as rectangular boxes according to one of the standard CSS basic box model s. CSS determines the size, location, and properties of these boxes (such as color, background, border size...).
Each box consists of four parts: margin, border, padding, and actual c ...
Added by telsiin on Sun, 16 Jan 2022 09:20:51 +0200
HTML+CSS front end learning notes
HTML tag notes
1. Standard format of HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
&l ...
Added by thewooleymammoth on Sun, 16 Jan 2022 05:56:23 +0200
CSS implements the method of horizontal and vertical centering of elements
How to center elements horizontally and vertically? What if the element has variable width and height?
1, Background
This problem is often encountered in development, that is, the content of an element is centered in the horizontal and vertical directions. The content is not limited to text, but may be pictures or other elements
Centering ...
Added by Sherman on Sun, 16 Jan 2022 04:19:08 +0200
Vue Project Actual Warfare - E-commerce Background Management System (next day)
Attachment: https://gitee.com/zhoulililia/vue_shop
1. Background home page basic layout opens Home.vue component, layout:
<el-container class="home-container">
<!-- Head area -->
<el-header>Header<el-button type="info" @click="logout"> Sign out </el-button></el-header>
<!-- Page Body Area -->
...
Added by sangamon on Sat, 15 Jan 2022 21:57:51 +0200
Common components of Bootstrap framework
1 component Foundation
1.1 what are components
Component is an abstract concept and a simple encapsulation of data and methods. In terms of object-oriented thinking, some classes that meet certain specifications are combined to form components, which can provide users with some specific functions.
1.2 advantages of components
Component ...
Added by Boxerman on Sat, 15 Jan 2022 21:41:21 +0200
day10 advanced form bfc
1, Form supplement
1.textarea label
Defines a multiline text input control
The text area can accommodate an unlimited number of text. The default font of the text is equal width font. You can specify the size of textarea through the cols (width, number of columns) and rows (number of rows) attributes, but a better way is to use the height an ...
Added by sitestem on Fri, 14 Jan 2022 22:37:33 +0200
js basics ajax and cors
1.DOM
DOM is the interface for JavaScript to operate web pages, and its full name is "Document Object Model". Its function is to turn the web page into a JavaScript object, so that you can use scripts for various operations (such as adding and deleting content).
node
The smallest component of DOM is called node. The tree structure ...
Added by cqinzx on Fri, 14 Jan 2022 17:19:05 +0200
Apple svg parsing adaptive long graph
Analysis of IPhone12 adaptive long graph svg
Original link: https://mp.weixin.qq.com/s/S0fpT4JbdVvdKDXG5BemWw
reference resources: https://developers.weixin.qq.com/community/develop/article/doc/0000e8f0ba8a88b7522926d9251813
One of the key codes of long graph
!<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
&l ...
Added by KingOfHeart on Fri, 14 Jan 2022 08:20:24 +0200
HTML Personal Learning
It is well known that the W3C standard consists of three main components: structured HTML, presentation CSS, and behavior JavaScript. The full name of HTML is "Hyper Text Markup Language". In short, web pages are made in HTML.
The HTML language is loosely structured and does not require high case and formatting, but it uses a standar ...
Added by tallberg on Wed, 12 Jan 2022 19:06:53 +0200
Beautiful soup is used for html file parsing
Beautiful soup 4 converts complex HTML documents into a complex tree structure. Each node is a Python object. All objects can be summarized into four types:
TagNavigableStringBeautifulSoupComment
Test file: baidu.com html
Please put the file contents in the root directory of the project
File content
<!DOCTYPE html>
<html>
< ...
Added by JasonO on Wed, 12 Jan 2022 11:00:07 +0200