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