Section 7 element display mode of CSS

What is element display mode Function: there are many labels on Web pages. Different types of labels will be used in different places. Understanding their characteristics can better layout web pages. The element display mode is how elements (labels) are displayed. For example, div alone occupies a row, and multiple < span > can be p ...

Posted by tomasd on Mon, 27 Sep 2021 02:30:46 -0700

Vue todos to do list function

Today's notes are todos to-do items    I believe you can't wait to realize some functions after learning the Vue foundation, so I'll use Vue basic grammar and some js knowledge to combine them Maybe the notes are not very good   I won't share the source code. If you want to see the source code, you'd better read it yourself ...

Posted by nscipione on Sun, 26 Sep 2021 23:40:44 -0700

Markdown pictures are displayed side by side and the annotation is aligned

preface According to Markdown, pictures can be placed on the same line, but the format is difficult to control, because the two pictures will be closely connected, even if spaces are added in the middle The effect we want to achieve is similar to the following figure Two schemes close to this display are provided below Scheme 1: use ...

Posted by Aretai on Sun, 26 Sep 2021 18:13:18 -0700

CSS3 - Media Query

CSS Media Type CSS3 Multimedia Query 1.What is Media Query Media Query is a new CSS3 syntax. Using the @media query, you can define different styles for different media typesMultimedia queries are currently available for many Apple, Android and tablet devices 2.Media Query Syntax Specification Start with @media and note the @s ...

Posted by running_out_of_imagination on Sun, 26 Sep 2021 09:47:42 -0700

Bootstrap - Responsive Layout

1.Responsive Development Principle It is the use of media queries to lay out and style settings for devices of different widths, thus adapting to the purpose of different devices. Division of equipment: Equipment DivisionDimension intervalUltra small screen (mobile phone)< 768pxSmall screen devices (flat panel)>= 768px ~ < 992 ...

Posted by TechXpert on Sun, 26 Sep 2021 09:40:42 -0700

Detailed explanation of css Foundation

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: PowerfulSeparating content presentation from style control Reduce coupling. decoupling Make division of labor and cooperation easierImprove development eff ...

Posted by mdj on Sun, 26 Sep 2021 02:50:59 -0700

Study notes: II

1, Self closing labels and notes Comments in HTML. The contents of comments will be ignored by the browser and will not be displayed directly in the web page, but you can view comments in the source code. Comments are used to explain the code. <!-- --> During development, we must develop a good habit of writing notes, which are requir ...

Posted by TheUnknown on Tue, 21 Sep 2021 14:42:56 -0700

Flex flexible layout tutorial-05 project properties flex shrink

Objectives of this section Master the use of flex shrink, similar to flex grow.Master the calculation formula of flex shrink reduction (difficulty). Content summary This chapter introduces the flex shrink attribute. If flow grow is used to zoom in, then flex shrink is shrunk, and its reduction rules are similar to flex grow. The reading tim ...

Posted by Floodboy on Tue, 21 Sep 2021 13:57:09 -0700

tailwindcss official website Customization: plug-ins, presets (presets, combined configuration)

tailwindcss official website (8) Customization: plug-ins, presets (presets, combined configuration) Official website: Installation - Tailwind CSS Chinese document Tailwind is a framework for building customized user interfaces, so customization is considered from the beginning of design.!important This property allows the browser ...

Posted by Atanu on Mon, 20 Sep 2021 16:44:12 -0700

Basic structure of JavaScript

Rotation chart It is often located on the home page and used as a large picture for activity promotion. It can be played automatically by clicking the left and right switch button, or by clicking the small dot on the picture   Tab Toggle It is used to click different labels or titles to display different contents   Form Validation ...

Posted by fangorn on Mon, 20 Sep 2021 09:37:22 -0700