Radial gradient
The radial gradient() function is used to create an "image" of radial gradient. Its general call format is:
background-image: radial-gradient(shape size at position, start-color, ..., last-color);
1. The parameter shape defines the shape of the gradient,
The default value is ellipse, which is an elliptical radial gradient,The valu ...
Posted by suspect on Thu, 30 Sep 2021 16:14:56 -0700
Complete solution of 4w word HTML5 knowledge
HTML summary
Even the smallest sail can sail far~
1, Catalogue
1. Web page
1.1 what is a web page
1.2 what is html
1.3 formation of web pages
2.Web standards
2.1 composition of web standards
3.HTML syntax specification
3.1 basic grammatical concepts
3.2 label relationship
4.HTML basic structure tag
4.1 first HTML
5. Web devel ...
Posted by vigiw on Wed, 29 Sep 2021 16:54:34 -0700
Timer Basics (32)
* Timer: set a timer and set the waiting time. When the execution time is reached, the browser will execute the corresponding method
*
* [common timer]
* setTimeout([function],[interval])
* setInterval([function],[interval])
*
* [function]: the method ...
Posted by mzm on Wed, 29 Sep 2021 13:15:33 -0700
Common methods for arrays - (Regret series aside, what novices need to know)
Common methods of arrays
Array.length
length is an instance property of Array that returns the number of elements in the array and is always greater than the subscript of the last item in the array
let arr = [1, 2, 3, 4]
console.log(arr.length) // 4
indexOf
indexOf('ele',fromIndex) Parameter 1: Elements of the query Parameter 2 (optional) ...
Posted by xionfoo on Wed, 29 Sep 2021 09:58:02 -0700
Front end interview questions (JS) suggestions collection, constantly updating
Please use js to implement a stopwatch timer program
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>timer</title>
</head>
< ...
Posted by shlomikalfa on Tue, 28 Sep 2021 18:22:39 -0700
Mobile page adaptive layout -- rem
rem layout and introduce js code into the page.
(function (doc, win) {
var docEl = doc.documentElement,
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
recalc = function () {
var clientWidth = docEl.clientWidth;
if (!clientWidth) return;
if (clientWidth > 1024) {
docEl.s ...
Posted by eyaly on Sun, 26 Sep 2021 20:23:39 -0700
Markdown pictures are displayed side by side and the annotation is aligned
preface
According to Markdown, pictures can be placed on the same line, but the format is difficult to control, because the two pictures will be closely connected, even if spaces are added in the middle
The effect we want to achieve is similar to the following figure
Two schemes close to this display are provided below
Scheme 1: use ...
Posted by Aretai on Sun, 26 Sep 2021 18:13:18 -0700
CSS3 - Media Query
CSS Media Type
CSS3 Multimedia Query
1.What is Media Query
Media Query is a new CSS3 syntax.
Using the @media query, you can define different styles for different media typesMultimedia queries are currently available for many Apple, Android and tablet devices
2.Media Query Syntax Specification
Start with @media and note the @s ...
Posted by running_out_of_imagination on Sun, 26 Sep 2021 09:47:42 -0700
Bootstrap - Responsive Layout
1.Responsive Development Principle
It is the use of media queries to lay out and style settings for devices of different widths, thus adapting to the purpose of different devices.
Division of equipment:
Equipment DivisionDimension intervalUltra small screen (mobile phone)< 768pxSmall screen devices (flat panel)>= 768px ~ < 992 ...
Posted by TechXpert on Sun, 26 Sep 2021 09:40:42 -0700
Detailed explanation of css Foundation
CSS: page beautification and layout control
Concept: Cascading Style Sheets
Cascade: multiple styles can act on the same html element and take effect at the same time Benefits:
PowerfulSeparating content presentation from style control
Reduce coupling. decoupling Make division of labor and cooperation easierImprove development eff ...
Posted by mdj on Sun, 26 Sep 2021 02:50:59 -0700