#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
day02 mobile web (animation)
1, Animation
Objective: to add animation effects using animationFunction: realize the change of multiple states, and the process is controllable (repeated play, alternating play, pause)css attribute: animationShortcut key: an
1.1 animation properties
Goal 1: use animation related attributes to control the animation execution process Goal ...
Posted by steviez on Mon, 25 Apr 2022 20:32:09 +0300
ES language improvement
Piecemeal changes
Strict mode
This is a new syntax for ES5
reference resources: https://www.runoob.com/js/js-strict.html
reference resources: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Strict_mode
let and const
ES6 recommends that you no longer use var to define variables, but let to define variables and const to de ...
Posted by BRUUUCE on Sat, 23 Apr 2022 10:56:39 +0300
New CSS feature @ layer -- cascade layer
New CSS feature @ layer
New CSS feature @ layer
grammarPriority of non @ layer and @ layer layersAnonymous layerNested layer
C in CSS refers to Cascading, that is, Cascading. Only by understanding how Cascading solves the conflict of style rules, can we accurately and quickly set the style of an element.
The stacking rules are cons ...
Posted by rinkhals on Fri, 22 Apr 2022 06:37:01 +0300
The front-end layout is related to the mobile terminal layout
1, Mobile terminal layout
1. Layout concept
(1) Static layout
Direct use of px as a unit is not recommended and cannot adapt to the screen
(2) Streaming layout
Width percentage height pxThe maximum and minimum values are usually added
(3) Adaptive layout
Each static layout corresponds to multiple screen resolutionsUse @ media media query t ...
Posted by dreglo on Fri, 22 Apr 2022 06:06:46 +0300
[CSS box model learning]
1, What is a box model?
All HTML elements can be regarded as boxes. In CSS, the term "box model" is used for design and layout. CSS box model is essentially a box that encapsulates the surrounding HTML elements, including margins, borders, padding, and actual content. The box model allows us to place elements in the space between ...
Posted by frosero on Thu, 21 Apr 2022 16:20:22 +0300