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