CSS --- all contents of CSS advanced
1. Sprites
In order to effectively reduce the number of requests received and sent by the server and improve the loading speed of the page, CSS wizard technology appears
Core principle: integrate some small background images in the web page into a large picture, so that the server can only request one time
1.1 use of Sprite diagram
Us ...
Added by rwoods on Sun, 06 Feb 2022 07:10:47 +0200
The third network front end training (CSS)
CSS: cascading style sheets used to optimize pages.
1. Basic use of CSS
1.1 basic CSS syntax
css style consists of a selector and one or more with ";" Separated style statements. Each style contains a css value.
h1{color: yellow;background-color: red;} H1 is the selector (the labe ...
Added by Mike-2003 on Sat, 05 Feb 2022 13:03:48 +0200
1000 lines of code to achieve customized image and send blessings for the year of the tiger
1, Foreword
The year of the tiger is coming. I give you the blessing of the tiger, the sweetness of the tiger, the luck of the tiger, the health of the tiger, the happiness of the tiger, the mood of the tiger, the comfort of the tiger, the success of the tiger, the happiness of the tiger and the life of the tiger!We send blessings to ...
Added by dave_biscuits on Sat, 05 Feb 2022 11:22:22 +0200
[HTML/CSS] Class and Class Selector
It's interesting
The basic rules of the game CSS are (Funny)
class
Definition
I understand classes as special tags
Programmers can customize classes, prefixed with "."
.Custom Class Name {Attribute: Value; Attribute: Value;.........}
For example: red{color:red;}
You can also modify the preset label without adding "."
Click ...
Added by Aérolithe on Fri, 04 Feb 2022 19:24:51 +0200
The front end realizes QQ chat
Because the company dating applet has a chat module, it needs to realize a function like qq bubble.
If you can use "point nine" in the development of Android platform:
What "point nine" is: it is a special picture developed by android. The picture in this format is generated by ADT's own editing tool, and uses the method o ...
Added by timcapulet on Fri, 04 Feb 2022 10:54:00 +0200
css box model and its practical case
📋 Personal profile
💖 About the author: Hello, I'm Daniel 😜📝 Personal homepage: Hall owner a Niu🔥🎉 Support me: like 👍+ Collection ⭐ Email + message 📝📣 Series column: web development🍁💬 Maxim: so far, all failures hinder me from moving forward! 🔥
💐 preface
Today, I summarize the rest of the box model
🌷 Rounded border ...
Added by jomama on Fri, 04 Feb 2022 07:05:56 +0200
CSS floating layout
Introduction to document flow
What is "document flow"? Simply put, it refers to the order in which elements appear on the page. It can be divided into "normal document flow" and "out of document flow".
1. Normal document flow
Normal document flow, also known as "normal document flow" or "norma ...
Added by donbre on Thu, 03 Feb 2022 21:33:12 +0200
HTML text and picture properties
catalogue
1, Text properties
1. Alignment attribute: align
2. font label
Font attribute: face
5. Superscript: sup and subscript: sub
7. Strikethrough s, italic i, bold b
10. No line break label: nobr
2, Picture properties
1. width and height
2. Borders: border
3. Horizontal spacing: hspace
4. Vertical spacing: vspace
5. Picture sus ...
Added by jonez on Thu, 03 Feb 2022 09:44:29 +0200
Summary of layout
When using css to write web pages, we need layout to make the web pages look beautiful and attract more attention. Therefore, there are four layout methods: box layout, floating layout, positioning layout and elastic box layout
1. Box layout
The box layout generally uses div tag, which is a block level element, which can set the width and hei ...
Added by stuffradio on Thu, 03 Feb 2022 09:30:00 +0200
Three.js to realize the 2022 Winter Olympics Theme 3D interesting page 🐼
backgroundWelcome the Winter Olympics and look forward to the future together! 2022 Winter Olympics will begin soon. This paper uses three JS + react technology stack realizes winter and Olympic elements, and makes a 3D page full of interesting and commemorative Winter Olympic theme. The knowledge Points involved in this paper mainly include To ...
Added by actionsports on Thu, 03 Feb 2022 06:59:48 +0200