[animation Xiaole] HTML+CSS custom loading animation 060
preface
Hello! buddy! Thank you very much for reading Haihong's article. If there are mistakes in the article, you are welcome to point out ~ Self introduction ˊ ᵕ ˋ) ੭ Nickname: Haihong Tag: program ape ｜ C + + player ｜ student Introduction: I got acquainted with programming in C language and then transferred to computer major. I was luc ...
Posted by taurus5_6 on Fri, 11 Feb 2022 04:16:55 +0100
css set triangle
1. In development, sometimes some small triangles are used to emphasize or mark elements, so as to distinguish different items, and then draw the triangles into a more obvious color to achieve the effect. How can we draw triangles? I didn't know before. Recently, I saw some web pages being used and marked, They all use background pictures for m ...
Posted by mottwsc on Fri, 11 Feb 2022 03:03:44 +0100
html + css realizes the animation effect of waiting page, with some attribute analysis
Strolling B I found some when I was standing up The main small special effects are recorded here, and the knowledge points are analyzed
The special effects are as follows
HTML code
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" href="./css/style.css">
<title></ti ...
Posted by DWilliams on Thu, 10 Feb 2022 19:52:21 +0100
[WEB] common basic knowledge of CSS
CSS definition and precautions
CSS
-Understand-
Cascading Style Sheets
matters needing attention
Each CSS style consists of two parts: selector and declaration The declaration consists of two parts: attribute and attribute value The declaration must be placed in curly braces {} (internal style and external style), and the attribute and ...
Posted by mhoward on Thu, 10 Feb 2022 18:08:31 +0100
day05 mobile adaptation: rem, less
1, rem
px unit: absolute unit
rem unit: relative unit
Calculation result of font size relative to HTML tag in rem unit
1rem=1HTML font size (root font size)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewpor ...
Posted by cocpg on Thu, 10 Feb 2022 08:03:20 +0100
CSS3 - Section 2 CSS3 transition and 2D conversion
CSS3 transition and 2D conversion
1.3 transition Using transitions allows you to change the style of an element from one state to another Syntax:
transition: The attributes to transition take time. When does the motion curve begin;
If there are many attributes that you want to transition, you can use all Motion curve: linear: uniform speed ...
Posted by embsupafly on Wed, 09 Feb 2022 18:35:52 +0100
C1 certification task 3
Learning objectives:
1, Learn to use rich text editor 2, "What you see" development 3, CSS box model
Learning content:
Task 1: learn to use rich text editor
First, we need to start from https://summernote.org/ Enter the rich text editor Enter a paragraph at will, switch to the source mode, and then zoom in Then we write another pa ...
Posted by whiterecluse on Wed, 09 Feb 2022 18:32:16 +0100
Right click to delete the current student data
For a detailed tutorial on the right-click menu bar, please see "making web page right-click menu bar (with mouse attribute)"
The layout code is as follows:
<!--Right click menu bar dom-->
<div class="dom" @*style="display: none;"*@>
<ul>
<li>
<a href="#" style="padd ...
Posted by Drezard on Wed, 09 Feb 2022 16:54:01 +0100
bootstrap implementation of rotation map - Daquan
As we all know, there are many ways to realize the rotation. For example, writing in pure js is time-consuming and laborious, and it is not suitable for all kinds of terminal devices, but bootstrap is different. You only need to write a set of code, which can be used normally, whether on the mobile phone, ipad or PC.
How to create a rotation
...
Posted by MarCn on Wed, 09 Feb 2022 07:48:28 +0100
Anaconda's installation and use
1, Download Anaconda
Official website address: https://www.anaconda.com/
Download steps
1. Click Get Started
2. Click Download Anaconda installers
3. Select the corresponding system
4. Select the number of digits corresponding to the system
2, Install Anaconda
1. Find the downloaded installation package and right-click to run as ...
Posted by danf_1979 on Wed, 09 Feb 2022 07:08:24 +0100