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
HTML - Summary of basic knowledge points
HTML summary
1, Introduction to HTML 1.HTML HTML(HyperText Markup Language), a hypertext markup language, uses various tags to represent the structure of documents and information identifying hyperlinks. 2.HTML document html documents contain tags and text content, and html documents are also called web pages. 2, HTML basic structure
<!DOC ...
Posted by inversesoft123 on Fri, 29 Oct 2021 22:25:36 -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
Web front end season 1 (HTML): 7: session 17: 116 - hyperlinks + session 18: 117 - properties of hyperlinks + session 19: 118 - other contents of hyperlinks
catalogue
1, Purpose
1. Want to: Learn front-end knowledge
2. Think: take notes. Next time, you don't need to watch the video. You can quickly recall by looking at the notes directly.
2, Reference
1.SIKI College: I refer to this video for practice
1.w3school official website: used as a dictionary
1. Rookie tutorial: use as a dictionary
...
Posted by 0riole on Sun, 24 Oct 2021 19:41:40 -0700