Quick Ways to Write HTML and CSS in VS Code
Emmet was formerly known as Zen Coding. It uses abbreviations to speed up HTML/CSS coding, and VS Code has built-in support for it.
Blog
Notes on robotics, vision, and systems.
Frontend Notes | CSS Floats
CSS provides three traditional layout methods—normal flow (standard flow), floats, and positioning. All three are used to arrange boxes. Once the boxes are placed in the appropriate positions, the layout naturally takes shape. In actual development, a page generally includes all three layout methods (mobile devices have newer layout methods).
Frontend Notes | CSS Box Model
Web page layout learning has three core topics—the box model, floats, and positioning. Learning the box model helps us lay out pages well. The web page layout process: first prepare the related page elements, use CSS to set the box styles, then place them in the corresponding positions, and put content into the boxes.
Frontend Notes | Advanced CSS
CSS classifies selectors by type as basic selectors and composite selectors. Composite selectors are built by combining basic selectors. CSS background properties can add background styles to elements on a page, including background colors, images, tiling, image positions, and fixed background images.
Front-End Notes | CSS Fundamentals
CSS is mainly used to beautify web pages and lay them out. Web pages look unattractive when only HTML is used. CSS is also a markup language, mainly used to set the text content (font, size, alignment, etc.), the appearance of images (width and height, border styles, margins, etc.), and the layout and visual styles of HTML pages.
Frontend Notes | HTML Basics
HTML is a language used to describe web pages. HTML stands for HyperText Markup Language. HTML is not a programming language; it is a markup language. How to use HTML headings, paragraphs, links, and images. Elements, attributes, and formatting; links, styles, and tables; how to create lists, blocks, layouts, and forms.
C++ Notes: File Operations
Data generated while a program is running is temporary and is released once the program finishes. Files can be used to persist data. File operations in C++ require an #include directive.
[C++ Notes] Inheritance
Inheritance is one of the three core features of object-oriented programming. When defining a class, a lower-level class shares the common characteristics of the level above while also having its own characteristics.
[C++ Notes] Operator Overloading
Operator overloading redefines existing operators to give them another function, allowing them to work with different data types. This article covers overloading the addition, left-shift, increment, assignment, relational, and function-call operators.
C++ Notes: Friends
Some private members may need to be accessed by certain functions or classes outside the class, which requires friends. The keyword for friends is fiend. Friends can be implemented in three ways: a global function as a friend, a class as a friend, or a member function as a friend.