CSS basic syntax: selector, common element attributes, box model, flexible layout
1, What is CSS
HTML only describes the skeleton structure and content of the page. CSS can describe the style of the page and further beautify the page Cascading style sheets CSS can accurately control the layout of the element position in the web page at the pixel level, realize the effect of beautifying the page, and separate the style ...
Posted by phanh on Mon, 02 May 2022 16:42:14 +0300
Four ways to realize visualization in browser
Understanding of visualization: visualization is the theory, method and technology of organizing data into a structure that is easy to be understood and recognized by people, and then presenting it in the form of graphics.
There are four ways to achieve visualization:
1,html+css
Some simple charts can be implemented with html and css.
Advan ...
Posted by tiagofrancis on Sun, 01 May 2022 20:50:09 +0300
Body tag in Html
HTML doby tag
Modify style labels:
The old style (almost won't be used):
br label
#1. < br > line feed
I'm handsome Egon teacher
<br>
hr split line
#2. < HR > split line
<b> Bold
#3. < b > bold
<b>On selfie, I kill the universe</b>
font modify text size and color
#4. ...
Posted by michaeru on Sun, 01 May 2022 14:01:29 +0300
Interesting problems encountered in Vue & Vue cli 3.0 project
Last
Interesting problems encountered in Vue & Vue cli 3.0 project
1, How to set global variables in a project
Application background: when we are working on a project, we set a global variable. It is very convenient to directly reference and modify the global variable where it needs to be used. Recently, when the blogger project requ ...
Posted by badal on Sun, 01 May 2022 12:07:39 +0300
Start with special effects and have an in-depth understanding of CSS dynamic sidebar
Skip reading is not recommended! This article will introduce how to implement a special effect from the beginning Occasionally, there are some css attributes interspersed in the middle, such as css3 or css attributes that are rarely touched at ordinary times
First take a look at the special effects of this issue:
Before introducing the sp ...
Posted by dotty on Sun, 01 May 2022 11:09:09 +0300
#CSS priority authority guide # an article to thoroughly handle CSS priority
catalogue
CSS priority authority Guide
1, Overview of style application methods
2, Say in front
The Ordering style applies order rules
Inheritance inheritance
Inline attributes (for SVG elements) common inline attributes of SVG elements
Style sheets style sheetsVarious selectors
Inline styles inline styles
! important keyword
Overriding ...
Posted by gabereiser on Sat, 30 Apr 2022 18:46:59 +0300
flexbox model
4. Project properties
4.1,order
Controls the sorting order of sub-items. The default value is 0. The larger the value, the later the order.
Code display
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" conte ...
Posted by Sirus121 on Fri, 29 Apr 2022 16:45:55 +0300
Tanabata Valentine's Day ❤ html+css+j ❤ Achieve full screen love effect (programmer confession)
Chinese Valentine's Day ❤ html+css+j ❤ Achieve full screen love effect (programmer confession)
❤ The programmer confessed that many people were hit like Xiaobian. The students who need to confess stepped up. Don't miss this good opportunity.
❤ Many programmers are always struggling to find the right way to advertise. Here, we have specially s ...
Posted by webnick on Thu, 28 Apr 2022 18:36:53 +0300
Comprehensive application of web design: choose your own website, realize HTML and CSS coding
content
1. Effect drawing
2. Layout analysis
2.1: First divide the entire page into two parts
2.2: Left sidebar section
2.3: Right main body part
3. HTML code
3.1 Left sidebar section
3.1.1: Left sidebar section
3.1.2: Right sidebar section
3.2: Right main body part
3.2.1: Body Head Section
3.2.2: The left part of the main bod ...
Posted by DrFishNips on Wed, 27 Apr 2022 17:49:52 +0300
Sass introduction basic summary notes (super intuitive details)
I What is sass:
Sass extends CSS3, adding rules, variables, blending, selectors, inheritance and other features. Sass generates well formatted CSS code, which is easy to organize and maintain.Sass is an extension of the syntax of CSS3 (cascading style sheet). It can use functions such as nest, blend, and select sub inheritance to write stylesh ...
Posted by mwkdesign on Wed, 27 Apr 2022 01:38:37 +0300