7 posts
An element can move freely within a box and overlap other boxes. When the window is scrolled, some modules stay fixed at a certain position on the screen. Neither of these effects can be achieved quickly with standard flow or floats alone; positioning is needed in those cases.
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.
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).
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.
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.
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.
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.
