css and picture theme color
The idea comes from the skeleton screen in "performance optimization": In sites with a large number of pictures, this will be a very nice experience - picture loading is usually uncomfortable. Generally, the bitmap in a good skeleton is a low pixel picture, that is, the general color matching and change are consistent with the actual ...
Added by phillips321 on Fri, 18 Feb 2022 04:45:43 +0200
Proficient in CSS Chapter 8 responsive layout learning cases
Proficient in CSS Chapter 8 responsive layout learning cases
There are three responsive learning cases, one is flex responsive, and the other two will be Proficient in CSS Chapter 7 learning notes (Part 1) and Proficient in CSS Chapter 7 learning notes (Part 2) The two cases done in are transformed into response.
Response of flexbox
Flexbox ...
Added by Baving on Thu, 17 Feb 2022 19:23:21 +0200
DAY13 / CSS triangle + interface style + vertical align + overflow text ellipsis display + layout skills + CSS initialization
catalogue
CSS triangle
Interface style
Mouse cursor
outline
Prevent dragging text field resize
Vertical alignment of inline and inline block elements
vertical-align
Blank gap at the bottom of the picture
Overflow text ellipsis display
Single line overflow text ellipsis display
Layout skills
Clever use of negative margin
Text ...
Added by fareedreg on Thu, 17 Feb 2022 12:31:29 +0200
Bootstrap learning notes
1. Concept
Is a front-end development frameworkBootstrap is based on HTML, CSS and JAVASCRIPT. It is simple and flexible, making Web development faster.Many css styles and js plug-ins are defined. Developers can directly use these styles and plug-ins to get rich page effectsFramework: a semi-finished software. Developers can develop and simpli ...
Added by woodplease on Wed, 16 Feb 2022 10:52:49 +0200
Java web learning record
javaweb
Shang Silicon Valley java web learning record
HTML
html files can be written directly by changing txt to a suffix. Use the browser to view the effect. Here are a few demo s to understand what html files can do and how to do it.
<html>
<head>
<title>This is my first web page</title>
<meta cha ...
Added by trufla on Tue, 15 Feb 2022 09:38:39 +0200
[CSS article] what is the difference between display:none and visibility:hidden and opacity:0?
As the name suggests, both display and visibility are to hide page elements. Let's see the difference between them. opacity, finally.1, display: none1. After setting the display:none attribute to the element, the element is hidden and the occupied space disappears.i see: <div>
<button>A Button</button>
<butto ...
Added by sdaniels on Tue, 15 Feb 2022 08:07:40 +0200
How is the mask effect achieved in the LPL Ban/Pick selection stage?
Recently, the S11 LPL spring competition started. In the process of watching the competition, I found a new and interesting mask effect in the Ban/Pick selection stage of the new season, as shown in the following figure:Of course, it is a dynamic effect. In the process of selecting a candidate, there will be a breathing effect:The Gif image is ...
Added by burhankhan on Tue, 15 Feb 2022 05:30:37 +0200
Front end foundation label
1. Special symbols
Sharp horn < left horn > right horn Space: &Nbsp: the space occupies the width [font] and has a strong influence &Emsp: the width occupied is exactly one Chinese width, and it is basically not affected by the font Version: & copy Trademark: & Trade & reg
2.div and span labels
div: it has no specif ...
Added by obesechicken13 on Mon, 14 Feb 2022 13:44:47 +0200
Increase of Vue3 user experience: asynchronous component and suspend component
By Matt MaribojocTranslator: front end XiaozhiSource: stackabuseThere are dreams and dry goods. Wechat search [Daqian world] pays attention to this dish 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 ...
Added by brentech on Mon, 14 Feb 2022 02:31:39 +0200
Solution of adding explicit watermark to web pages at the front end
Solution of adding explicit watermark to web pages at the front endIn order to prevent information leakage and protect copyright, we often use watermark in the front end.Of course, watermark can also be divided into bright watermark and dark watermark. Today, we will realize the bright watermark and full screen coverage at the front end.To crea ...
Added by Senate on Sat, 12 Feb 2022 15:46:51 +0200