css beginners must see, using css3 to make a beautiful online clock
Click the link to see the effect https://ihope_top.gitee.io/my...This article has been released to official account: 100 miles of Castle Peak.prefaceTwo days ago, I turned over the materials and found a small case I learned when I first started learning the front end. I used css to draw a rotating dial. I don't know if everyone has written it, ...
Added by Sprout on Wed, 23 Feb 2022 12:49:40 +0200
23. HTML/CSS learning notes 23 - floating
float
The visual formatting model generally divides the arrangement of boxes in the page into three ways:
1. Conventional flow 2. Float 3. Positioning
Application scenario
text wrapping Horizontal arrangement
For example, the menu bar of Baidu home page can be arranged horizontally by using row block box or floating.
However, there may ...
Added by leoric1928 on Tue, 22 Feb 2022 17:23:15 +0200
CSS cascading style sheet
1.1 CSS introduction
Limitations of HTML: only focus on the semantics of content.CSS: cascading style sheet, CSS style sheet or cascading style sheet.CSS is also a markup language, which is mainly used to set the text content, image shape, layout and appearance display style of HTML page.Composition of CSS: selector and one or more declarati ...
Added by dearmoawiz on Tue, 22 Feb 2022 10:32:40 +0200
Teach you the super cute navigation bar hand in hand
If you are Xiaobai, this set of information can help you become a big bull. If you have rich development experience, this set of information can help you break through the bottleneck 2022web full set of video tutorial front-end architecture H5 vue node applet Video + data + code + interview questions.
well! Hello, everyone. Today, let's make ...
Added by moreshion on Sun, 20 Feb 2022 23:00:25 +0200
OpenLayers - layer Perspective
brief introduction
This article mainly explains how to realize the layer perspective function by controlling the layer, level and size. It mainly uses the layer monitoring event prerender to monitor the layer before rendering and postrender to monitor the layer after rendering.
Implement DEMO
Initialize map
<!DOCTYPE html>
<html la ...
Added by ankrah on Sun, 20 Feb 2022 20:24:18 +0200
Some new css3 features you must know
📋 Personal profile
💖 About the author: Hello, I'm Daniel 😜📝 Personal homepage: Hall owner a Niu🔥🎉 Support me: like 👍+ Collection ⭐ Email + message 📝📣 Series column: css🍁💬 Maxim: so far, all life is written with failure, but it doesn't prevent me from moving forward! 🔥
Previous portal: 👉Selectors in css 👉css box mode ...
Added by phil88 on Sun, 20 Feb 2022 18:27:02 +0200
HTML learning -- advanced text formatting
Learning objectives:
Today, we will learn more about the semantics of tags, know when and what tags they should use, and make the web page more readable, rather than a pile of meaningless tags. And on the basis of this study, carry out practical practice and complete an online blog article.
Learning content:
Semantization is the structure ...
Added by starrieyed on Sun, 20 Feb 2022 02:40:01 +0200
JavaScript_DOM programming art Chapter05 best practices, Chapter06 picture library improved version -- 20210427
Chapter05
link
Pseudo protocol
Pseudo protocol that can be used to link JavaScript functions: javascript:
<a href="javascript:function_name(parameter)">Example</a>
<a href="javascript:pop('http://www.baidu.com/')">Example</a>
This is a very bad practice. It can only be used in browsers that support pseudo protocol ...
Added by tartou2 on Sat, 19 Feb 2022 01:59:27 +0200
sass usage guide
Anyone who has studied CSS knows that it is not a programming language. You can use it to develop web page styles, but you can't program with it. In other words, CSS is basically a designer's tool, not a programmer's tool. In the eyes of programmers, CSS is a very troublesome thing. It has no variables and no conditional statements. It is just ...
Added by Matt Kindig on Fri, 18 Feb 2022 11:54:45 +0200
CSS learning notes 4 (box model)
CSS learning notes 4 (box model)
Box model
Border properties
A border is a line that surrounds the width and height of a label Hyphenation (set four edges at the same time) Border: the width of the border, the style of the border, and the color of the border; Sample code
<style>
.box{
width: 100px;
...
Added by willwill100 on Fri, 18 Feb 2022 08:34:49 +0200