Static page css summary (center, background picture) the most complete solution!
1 centered
horizontally
In line elements are centered horizontally
In line elements here refer to text, image img, hyperlink a, button, etc
text-align: center; /*Set on parent element*/
Block level elements are horizontally centered
1. Change the display attribute of the block level element to inline block, and then set text align: Ce ...
Posted by simonmlewis on Thu, 09 Sep 2021 19:40:09 -0700
Thinking analysis of js case -- five-star scoring effect
Thinking analysis of js case -- five-star scoring effect
The purpose of putting the structure and style in front is to make the idea clearer. You can also look at the next steps first, and then come back and look at the two parts to assist in understanding.
1, Structure
<!DOCTYPE html>
<html lang="en">
<head>
<meta ...
Posted by ErikTheViking on Thu, 09 Sep 2021 18:34:19 -0700
Prototype and prototype chain most complete solution!
JS is an object-oriented programming language. The object-oriented in JS focuses on prototype and prototype chain knowledge.
Prototype is the foundation of javascript object-oriented system implementation. Creating objects in javascript is not based on 'classes', but through constructors and prototype chains.
JS is based on prototype chain in ...
Posted by Platinumweaver on Thu, 09 Sep 2021 15:23:39 -0700
HTML+CSS+JS to achieve tiktok 3D cool album? A little gift on the creative web page( Anniversary romance)
Make a super creative web page for your loved ones birthday wishes ❤( Floating love (3D photo album) HTML+CSS+JavaScript
Haven't you prepared small gifts for your loved ones yet, but don't worry. You have carefully created a "floating love 3D album" web page. According to the following tutorial, you can give Ta a creative blessing ~ ...
Posted by ifubad on Tue, 07 Sep 2021 20:28:27 -0700
HTML links, images, tables
link
<a>The tag uses hyperlinks to connect with another document on the network. Clicking the link can jump to another page.
The link label can contain text, pictures, etc. click these contents to jump to another page or a position on the current page. When the mouse moves to the link or a small hand appears, the link address is realize ...
Posted by cdjsjoe on Tue, 07 Sep 2021 14:29:54 -0700
web Front End Technical Notes jQuery Animation, jQuery Events
jquery animation
The animate method allows you to set an animation on an element's attribute value, set one or more attribute values, and execute a function when the animation is complete.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/jav ...
Posted by soccer022483 on Tue, 07 Sep 2021 09:15:14 -0700
Bootstrap 4 Chinese development manual Cards
Bootstrap's card provides a flexible and extensible content container with a variety of variants and options.
about
A card is a flexible, extensible content container. It includes header and footer options, various content, context, background color, and powerful display options.
If you are familiar with Bootstrap 3, the card can replace our ...
Posted by Negligence on Sun, 05 Sep 2021 19:15:48 -0700
Flutter Animation: use flutter to realize a clapping animation, "golden three silver four" spring move guide
Add and animate these small widget s.
Let's slowly increase the learning curve one by one. First of all, we need to know some basic knowledge about fluent animation.
Understand the components of basic animation in fluent
Animation is just some values that change over time. For example, when we click a button, we want to use animation to make ...
Posted by garrywinkler on Sun, 05 Sep 2021 12:58:44 -0700
Bootstrap notes table
Table style and effect
Bootstrap provides the following categories to set table styles and effects:
Example 1: table and title
Use the. Table category to automatically apply the table styles provided by Bootstrap, including width, height, border, background color, cell spacing, etc. Use the. Caption top category to display the title ab ...
Posted by btherl on Fri, 03 Sep 2021 17:59:02 -0700
HTML syntax specification
HTML syntax specification
Use the correct document type
The document type declaration is on the first line of the HTML document:
<!DOCTYPE html>
If you want to use lowercase like other tags, you can use the following code:
<!doctype html>
Use lowercase element names
HTML5 element names can use uppercase and lowercase letter ...
Posted by philooo on Wed, 01 Sep 2021 20:25:08 -0700