Double flying swallow layout, Holy Grail layout and flex layout realize three column layout (fixed on both sides and adaptive in the middle)
1. Grail layout
Main: floating + margin left + relative positioning
Write a large container containing middle,left and right. Put the middle in frontThe three containers below the container float and write the height of 200pxWrite 100% for the middle width. At this time, left and right are squeezed into the second line. Set the width of left ...
Posted by philooo on Mon, 28 Feb 2022 11:22:03 +0100
CSS & SVG foreignObject to realize text hollowed out wave animation
I read an article before: CSS tricks | clever use of mixed mode to achieve text hollowed out wave effect , it is very ingenious to integrate CSS animation into the text, mainly using the mixed mode. The effect is like thisWhy use mixed mode? Because this is text and it is impossible to put HTML nodes inside the text, another method will be intr ...
Posted by SQL Advanced on Mon, 28 Feb 2022 05:46:12 +0100
css learning record
CSS usage
External style test.css
h1{
color: red;
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>css External introduction</title>
<!--External lead-in-->
<link rel="stylesheet" href="test.css" type="text/css"/>
</head>
< ...
Posted by ThunderVike on Fri, 25 Feb 2022 14:09:52 +0100
HTML table (for the use of HTML table, collecting this one is enough)
HTML table
Article catalogue
HTML table
1. Definition of form2. Label of the form3. Cell border4. Merge cells
4.1 merge row cells (colspan)4.2 merge column cells (rowspan) 5. Table format setting
5.1 cell align ment (center, left, right)5.2. Bgcolor & background
5.2.1 cell background color & picture5.2.2 table bac ...
Posted by electronish on Wed, 23 Feb 2022 16:08:23 +0100
H5 canvas introduction to mastery_ The second part (drawing text, pictures, coordinate system, canvas color and style, canvas drawing environment)
catalogue
1. Draw text
2. Draw image
(1) Basic drawing method
(2) Case: sequence frame animation
3. Drawing coordinate system
4. canvas color style and shadow
5.? Complex style
(1) Gradual change
(2) Draw background map
(3) Transformation (emphasis)
6. Related operations of drawing environment
1. Draw text
**ctx.font；** Set t ...
Posted by nerya on Wed, 23 Feb 2022 14:50:16 +0100
html summary includes weird box, ordinary box, center, Holy Grail layout, double flying wing layout, etc
I haven't opened my blog for a long time. I found that my previous blog had a certain number of views. I was surprised and felt that blogging was very meaningful. Let's talk about html related knowledge today
1. Two box models
As we all know, the element in our page is a box, which has width, height, border, padding and margin.
Calculation o ...
Posted by janet287 on Mon, 21 Feb 2022 19:57:23 +0100
CSS Common Property Documents
1. How to use CSS
<!--1.Reference External css-->
<link rel="stylesheet" type="text/css" href="mystyle.css">
<!--2.Internal use css-->
<style>
body{background-color: linen;}
</style>
<!--3.Hanlin Academician css-->
<div style="color:red;">text</div>
2. Selector
Simple selector
NameUsage meth ...
Posted by Vacman on Mon, 21 Feb 2022 18:41:47 +0100
Three steps teach you to write a Neumorphism style small clock
If you are Xiaobai, this set of information can help you become a big bull. If you have rich development experience, this set of information can help you break through the bottleneck 2022web full set of video tutorial front-end architecture H5 vue node applet Video + data + code + interview questions.
Contents of this article
order
...
Posted by uday on Sun, 20 Feb 2022 20:37:23 +0100
Some popular properties of CSS3
It can load the font text of the server and let the client display the font not installed by the client
grammar:
@font-face{
• font-family:<Yours web The name of the font>;
src: url("Font path);
font-weight:bold;
}
@font-face{
/*Define font*/
font-family:"My font";
src:url("font/CooperBlackStd.otf");
}
div{
font-fami ...
Posted by alant on Sun, 20 Feb 2022 18:30:43 +0100
Vue introduction and training cases - Music Player (search music, listen to songs, watch comments, watch mv, etc.) (continuously updated)
Vue overview
It is a javascript frameworkDOM operations can be simplifiedResponsive data driven
el: mount point
Scope of vue instance: vue will manage the elements hit by el option and its internal descendant elements.Other selectors can be used, but id selectors are recommendedOther double tags can be used, but HTML and BODY cannot be used. ...
Posted by venradio on Sun, 20 Feb 2022 07:14:22 +0100