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
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
Fabric.js three methods of changing pictures (including changing pictures in the group and caching)
Introduction to this articleI listed three in fabric JS to replace the picture.It also includes the operation of changing pictures in the group.Environment and versionChrome browser version: 96.0.4664.45Fabric.js version: 4.6.0I developed it in the native environment, and also provided a code developed in Vue3 environment (there is a link at th ...
Added by 10legit10quit on Fri, 14 Jan 2022 21:58:17 +0200
Vue learning series - 05 - most detailed learning process (full of dry goods)
Vue learning series - 05 - most detailed learning process (full of dry goods)
preface
04 - Portal This chapter will advance to a new chapter! Start with componentization We all know that the rainbow can't be seen until the wind and rain. But we all hope to sit directly in the rainbow. Others have arranged a beautiful world for y ...
Added by Benny007 on Fri, 14 Jan 2022 12:35:33 +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
CSS secret: special shape drawing adaptive ellipse, trapezoid and parallelogram
catalog:
1,Adaptive ellipse rendering
2,Drawing of parallelogram
3,Corner cutting effect
4,Trapezoidal tab
1. Adaptive ellipse renderingProblem Description: we know that as long as we set a fixed value or percentage for border radius, we can achieve the effect of fillet, but how to achieve ellipse?In fact, we can use border radius to separatel ...
Added by senatedc on Thu, 13 Jan 2022 18:07:34 +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
Learn front end from scratch: CSS introduction - did you learn today? (Day07)
Learning front end from scratch: CSS introduction - did you learn today? (Day07)
review: Learning from scratch: form making - did you learn today? (Day06)
preface
Lala Lala ~ I'm an expert in selling newspapers ~ study hard without delay~
Lesson 7: getting to know CSS
1, Understanding CSS
CSS beautification style
CSS is usually called ...
Added by jannoy on Wed, 12 Jan 2022 05:25:46 +0200
Some knowledge summary of css
What are the inline elements? What are the block level elements? What are the void elements?
CSS The specification states that each element has display Property to determine the type of the element. Each element has a default display Value,
such as div default display The attribute value is“ block"，Become a "block level" e ...
Added by jc94062 on Tue, 11 Jan 2022 08:43:09 +0200
JavaScript to achieve button click effect
Button ripple
We often use Android phones. We know that when I click this button, there will be ripples around the button. This effect has a good user experience. So how can we use JavaScript to achieve it
Realization idea
The idea of our code implementation is that we first use css to make a one-time animation. Then we use js to dynamically ...
Added by blacksmoke26 on Mon, 10 Jan 2022 20:07:28 +0200