New features of CSS3 (III) 2D conversion
catalogue
1.1 two dimensional coordinate system
1.2 movement of 2D conversion
1. Syntax:
2 . a key:
3. Center a box horizontally and vertically
1.3 rotation of 2D conversion
1. Syntax:
2. Key points:
3. Rotate the case and write the triangle with code:
1.4 transform origin of 2D conversion center point
1. Syntax:
2. Key points:
3. ...
Added by dekeb55 on Tue, 18 Jan 2022 11:44:47 +0200
Inventory some new features in ES12!
Author: KUMAR HARSHTranslator: front end XiaozhiSource: blogThere are dreams and dry goods. Wechat search [Daqian world] pays attention to this bowl washing wisdom who is still washing dishes in the early morning.This article GitHub https://github.com/qq449245884/xiaozhi It has been included. There are complete test sites, materials and my ser ...
Added by FirePhoenix on Tue, 18 Jan 2022 04:33:51 +0200
[practical skills] CSS custom attributes and their use in VUE3
What are css custom attributes
It's officially called custom attribute, but I'm used to calling it variable. In short, it's a CSS attribute that developers can name and use independently
How are CSS variables different from those in the preprocessor?
CSS variables are CSS properties directly available in the browser, while variables in prepr ...
Added by FidelGonzales on Mon, 17 Jan 2022 11:21:32 +0200
HTML CSS (Basic) Chapter4(Pink) composite selector
1. CSS composite selector
The descendant selector is also known as the include selector. You can select the child elements of the parent element (li is the child of ol). Element 1 and element 2 must be separated by spacesDescendant selectors can be a combination of basic selectorsThe child selector can only select the nearest child eleme ...
Added by RockyShark on Mon, 17 Jan 2022 04:58:38 +0200
Common CSS sorting
1. Display ellipsis in excess of text
The overflow of single line text displays ellipsis (it must be wide)
p{
width:200rpx;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
Multiline text overflow display ellipsis
p {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
...
Added by alsaffar on Mon, 17 Jan 2022 04:05:58 +0200
[initial experience of oil monkey script writing] copy title and location
Knowledge points gained from [one click Copy of web page title and address (oil monkey script)]
Article update: July 19, 2021 15:26:07
preface
I named my little blue button "Fu Niu", which means "button (NIU) used to duplicate (Fu) system".
I initially completed the function around May 27, 2021. It seems that there will ...
Added by gangsterwanster1 on Sun, 16 Jan 2022 21:21:55 +0200
Remanufacturing, arrangement of css conventional layout system -- Summary of resumption after actual development
Remanufacturing, arrangement of css conventional layout system -- Summary of resumption after actual development
Write before:
Before understanding css layout, let's first understand two small concepts, which I think will help you!
Block level element: display: bloom; Occupy one line, and the next element will wrap automatically, such a ...
Added by Chris Powell on Sun, 16 Jan 2022 19:39:06 +0200
CSS floating and how to remove floating
1, First we need to know what floating is
Take the official word
The float of CSS is a method to separate elements from the document flow. It will move elements to the left or right, and the surrounding elements will be rearranged. Float is often used for images, but it is also very useful in layout.
In plain English
CSS floating is like fl ...
Added by MasterHernan on Sun, 16 Jan 2022 18:08:27 +0200
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