CSS3 pseudo element selector:: before:: after | record your front-end learning days
preface
This article is suitable for front-end Xiaobai, or a small partner reviewing CSS, because the author is still a front-end Xiaobai( 😁).
I've always seen these two things, but I haven't learned about them. Now I'm trying to complete the teacher's task. I knock the code while learning every day.
Personally, I think the front end is fu ...
Posted by step on Sun, 07 Nov 2021 15:55:21 -0800
css usage css syntax
css
css: page beautification and layout control
Concept: Cascading Style Sheets
Cascade: multiple styles can act on the same html element and take effect at the same time
Benefits: Powerful: Separating content presentation from style control Reduce coupling and decoupling Make division of labor and cooperation easier Improve developmen ...
Posted by WinnieThePujols on Thu, 04 Nov 2021 14:15:07 -0700
2021 interview question bar - CSS part
catalogue
1. css and js are two ways to realize div right shift 1000px animation?
2. What are the differences among visibility, display and opacity?
3. Single line truncation css?
4. flex layout?
5,flex: 1?
6. What is the difference between transition, transform and translate?
7. How to draw a 0.5px border?
8. Talk about BFC?
...
Posted by dragon_sa on Wed, 03 Nov 2021 23:03:27 -0700
Detailed explanation of CSS composite selector - HTML
catalogue
1. Descendant selector
2. Sub element selector
3. Union selector
4. Pseudo class selector
4.1 link pseudo class
4.2: ficus pseudo class selector
In CSS, selectors are divided into basic selectors and conforming selectors according to selector types. Compound selectors are formed by combining basic selectors based on basic sele ...
Posted by Mohammad on Sat, 30 Oct 2021 21:56:09 -0700
Front end project specification (CSS)
CSS coding specification
1 Preface
2 code style
2.1 documents
2.2 indent
2.3 spaces
2.4 line length
2.5 selector
2.6 properties
3 general
3.1 selector
3.2 attribute abbreviations
3.3 attribute writing order
3.4 clear float
3.5 !important
3.6 z-index
4 values and units
4.1 text
4.2 values
4.3 url()
4.4 length
4.5 color
4.6 ...
Posted by jmelnick on Fri, 29 Oct 2021 21:19:12 -0700
CSS elastic box
10-26
Elastic box (display: flex)
An elastic box consists of a flex container and a flex item.
Elastic containers are defined as elastic containers by setting the value of the display property to flex or inline flex.
The elastic container contains one or more elastic child elements.
Note: the outside of the elastic container and the inside ...
Posted by schoolmommy on Wed, 27 Oct 2021 18:13:48 -0700
[HTML zero basics to introduction] detailed tutorial Chapter 1
Part I: introduction to HTML framework
1. What & how to learn & what tools to use
(1) What is HTML?(2) How to learn HTML?(3) Tools used: 2. Basic structure of HTML3. Specification of HTML file4. Basic template of HTML Part II: labels
1. Use style and attribute of label
(1) Usage style of label:(2) Label properties:(3) Bl ...
Posted by ksteuber on Tue, 26 Oct 2021 22:08:12 -0700
CSS page beautification and layout control
CSS page beautification and layout control
concept
Cascading Style Sheets cascading style sheets
Cascade: multiple styles can act on the same html element and take effect at the same time
benefit
PowerfulSeparating content presentation from style control
Reduce coupling and decouplingMake division of labor and cooperation easierImprove ...
Posted by allaboutthekick on Tue, 26 Oct 2021 07:20:48 -0700
Use of Container component of [Semantic framework learning log]
1, Brief introduction to components
A container is an element designed to contain page elements to a reasonable maximum width according to the size of the user's screen. This is useful for use with other UI elements, such as useful grids or menus, to limit their width to a reasonable display size.
Advantage: containers are designed t ...
Posted by UpcomingPhpDev on Sun, 24 Oct 2021 21:35:26 -0700
HTML written test front-end basic knowledge error prone questions knowledge points
Which of the following does not improve the efficiency of dom element operation: Correct answer: D uses the event agent when handling the click event of the list sub element When inserting a large number of DOM elements, use innerHTML instead of building elements one by one Use DocumentFragment instead of multiple appendChild operations Use add ...
Posted by deemurphy on Sun, 24 Oct 2021 20:52:26 -0700