Make web pages more beautiful (Introduction to css)
In order to make our web page more beautiful and necessary for learning the front-end, it is necessary to learn css selector. Let's learn from the following nonsense.
What is css?
Cascading style sheet: a technology born in HTML to decorate HTML web pages.
Three common ways to write css
<!DOCTYPE html>
<html>
<head>
& ...
Posted by snakez on Tue, 01 Feb 2022 13:36:27 +0100
CSS learning week 2
Hi, guys, after a week's study, I learned a lot this time
Let's have a look!!
catalogue
Three style sheets
Block element and inline element, inline block element
Compound selector
Intersection selector
Union selector
Descendant Selectors
Child element selector
attribute selectors
Pseudo element selector
Background picture
...
Posted by cpjok on Tue, 01 Feb 2022 02:10:53 +0100
Dark horse CSS notes, advanced CSS skills, H5C3 improvement, excellent purchase cases
Advanced CSS skills
01 wizard map
1.1 why do I need sprite diagram
1.2 use of Sprite diagram
02 Font Icon
2.1 generation of font icons
1.2 advantages of font icons
2.3 font icon download
2.4 introduction of Font Icon
@font-face {
font-family: 'icomoon';
src: url('fonts/icomoon.eot?7kkyc2');
src: url('fonts/icomoon.e ...
Posted by wolfrock on Mon, 31 Jan 2022 13:00:44 +0100
JQuery one stop explanation
Why use JQuery?
When using native js to obtain tags, it was once very troublesome, and the problem of blank documents should be considered. The method of obtaining tags is very single. It always needs to obtain the target tags through parent nodes and child nodes, and the animation effect of js is weak; JQuery encapsulates js. Many dom operati ...
Posted by s1akr on Mon, 31 Jan 2022 12:20:20 +0100
Web: the layout of the header and footer of the home page of the mobile mall and the three properties of the flex project
Layout of header and footer of home page of mobile mall
Let's first demonstrate the three properties of the flex project 1. The scaling scale of the project and the base width
elementattributemeaningflex0 1 auto / initialBy default, it is forbidden to enlarge, allowed to shrink, and the width is automaticallyflex1 1 auto / autoAllow zooming i ...
Posted by geebo on Mon, 31 Jan 2022 07:50:44 +0100
2020-03 front end technology summary
March 30, 2020 Monday
# How to restore JSON data after it is transferred to Blob
When axios requests to download the file interface, the responseType: 'blob' is generally set. If the file returns normally, there is no problem, but if there is a problem in the background file processing or authentication, the interface returns JSON format data ...
Posted by nitko on Mon, 31 Jan 2022 05:35:15 +0100
CSS font styles
Font style properties
1, Font type
Font family can specify multiple fonts. When using multiple fonts, they will be arranged from left to right and separated by English commas', '.
1. Set a font
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content=" ...
Posted by mybluehair on Sun, 30 Jan 2022 21:27:45 +0100
Cutting exercise notes
Cutting exercise notes (II)
Target
Step 1.
Basic structure and content
<body>
<div class="wrap">
<div class="item">
<img src="https://picsum.photos/500/400/?random=1">
<div class="txt">
<h2>Goldfish can understand how to cut this web page picture : I ...
Posted by noeffred on Sun, 30 Jan 2022 11:49:29 +0100
Common HTML Tags:
Common labels:
1. Title label h1-h6 (important)
In order to make web pages more semantic, we often use title tags in pages. HTML provides six levels of web page titles, namely h1-h6.
<h1>This is the first level title</h1>
Abbreviation for the word head, meaning head and title.
Label semantics:
Used as a title and diminishing ...
Posted by Heatmizer20 on Sun, 30 Jan 2022 09:38:15 +0100
520 on Valentine's day, I sent a gift to my girlfriend with code ~ html+css+javascript to realize the cherry blossom love album "you can give it to the person you like"
❉ 520 on Valentine's day, I sent a gift to my girlfriend with code ~ html+css+javascript to realize the cherry blossom love album "you can take it to the person you like"
The annual / 520 Valentine's Day / Tanabata Valentine's Day / birthday gift / advertising younger martial sister / Christmas / New Year's Day / New Year's Day / pro ...
Posted by Nhoj on Sat, 29 Jan 2022 16:26:24 +0100