CSS gradient style
CSS gradient style
CSS3 Gradients
CSS3 gradients allow you to show a smooth transition between two or more specified colors.
Previously, you had to use images to achieve these effects. However, by using CSS3 gradients, you can reduce the download time and broadband use. In addition, the elements of the gradient effect look better when zoomin ...
Posted by romano2717 on Tue, 21 Dec 2021 20:34:09 +0100
2021-11-19 html5+css3 learning notes
1. CSS properties
inheritCascade
2. Inheritance of CSS properties
For properties that cannot be inherited, you can generally use the inherit property value to force inheritance
.box {
width: 500px;
border: 1px solid orange;
}
.bg {
vertical-align: middle;
/*Use the inherit attribute value to force inheritance of the width of the ...
Posted by hbradshaw on Tue, 21 Dec 2021 13:40:26 +0100
03 - functional elements
1. Functional elements
1.1 list labels
Function: add list semantics to a pile of data, that is, tell the search engine to tell the browser that this pile of data is a whole.
Classification of list tags in HTML
Unordered list (maximum) Ordered list (minimum) Definition list (second)
1.1. 1 unordered list
In order: ranking list
No order: n ...
Posted by solaris77 on Tue, 21 Dec 2021 08:59:22 +0100
TailwindCSS v3.0 officially released! A wave of new features is coming!
On December 10, 2021, Adam Wathan, founder of TailwindCSS, announced TailwindCSS v3 0 was officially released, which brought a series of performance improvements, improvement of development workflow and a large number of new features.So this brilliant new star in the field of CSS engineering is in v3 What interesting new features did 0 bring us ...
Posted by ptraffick on Tue, 21 Dec 2021 04:54:55 +0100
C1 task 03-Web foundation and layout
Task 1: use rich text editor
Observe various labels
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Onine</title>
<style>
.table1{
width: 500px;
}
.tr1,
.tr3{
background-color: gray;
}
.tr2 ...
Posted by dennisflash on Mon, 20 Dec 2021 21:21:01 +0100
HTML+CSS+JavaScript to make electronic version of brilliant love expression animation (programmers are also very brilliant)
HTML+CSS+JavaScript to make electronic version of brilliant love expression animation (programmers are also very brilliant)
Programmers often leave the impression that they are code machines. They write code all day - Programmers don't know love! In fact, this is a one-sided view of programmers. Programmers should be proficient in code writing ...
Posted by _tina_ on Mon, 20 Dec 2021 13:02:38 +0100
CSS advanced background and border
CSS advanced (I) background and border
1, Browser prefix
Firefox: -moz-IE: -ms-Opera: -o-Safari,Chrome: -webkit-
2, CSS coding skills
1. Minimize code duplication (reusability)
(1) When some values depend on each other, their relationship should be expressed in code
Example: the effect of a button
//not changed
padding:6px 16px;
ba ...
Posted by blackhorse on Mon, 20 Dec 2021 12:14:58 +0100
vue vant ui Tutorial & considerations
Hi, nice to meet you~
The world is big. The clever thing is that we meet here.
Welcome to tianyuwen creative music school, a gathering place for professionals.
Official website: https://youzan.github.io/vant/#/zh-CN/
01
The PullRefresh pull-down menu of the vant plug-in # will refresh after scrolling
common problem:
1. The parent contain ...
Posted by titangf on Mon, 20 Dec 2021 05:04:39 +0100
Introduction to CSS
CSS
concept
css: page beautification and layout control
Concept: Cascading Style Sheets
advantage:
PowerfulSeparating content presentation from style control
Reduce coupling. decoupling Make division of labor and cooperation easierImprove development efficiency
use
The use of CSS: the combination of CSS and HTML
inline style Interna ...
Posted by paulspoon on Sun, 19 Dec 2021 23:42:05 +0100
Front end development_ HTML5_CSS part - Transform
Transform
1. Introduction
In the previous study, we learned two special effects: transition and animation. Let's learn a new effect transformation. The transformation effect is mainly a series of operations on two-dimensional (2D) and three-dimensional (3D) coordinates. Let's learn it together.
2. Transform
(1) transformation overview: CSS ...
Posted by xcoderx on Sun, 19 Dec 2021 22:22:47 +0100