Shulou(Shulou.com)06/03 Report--

This article mainly explains "what are the common skills of CSS". Friends who are interested may wish to have a look. The method introduced in this paper is simple, fast and practical. Now let the editor take you to learn "what are the common skills of CSS"?

1, wizard technology, which is mainly aimed at background images, inserted img does not need this technology, but to measure the size and position of each small background picture. When you assign a small background picture to a box, the background positioning is almost always negative. It can effectively reduce the number of requests received and sent by the server and improve the loading speed of the page.

2, using the font icon, first copy a copy of the font folder in the bag and put it in the root directory of our project. Then add the structure to the html file tag, and then declare the font in the html file style style: tell the code and others to use our own custom font, be sure to pay attention to the path! Finally, just set the font for the box.

3. The consistent vertical structure provides a kind of visual aesthetics, which makes people want to watch it more and have more readability. If the owl selector is too generic, use the generic selector (*) within the element to create a consistent vertical rhythm for specific parts of the layout.

4. If you want to apply uniform spacing, margin, highlighting, or background color to long text lines that wrap to multiple lines, but you don't want the whole paragraph or title to look like a square. The Box Decoration Break attribute allows you to apply styles only to the text while maintaining the integrity of padding and margins. This is especially useful when you want to apply highlighting when hovering, or to style sub-text in the slider to give it a highlighted appearance.

5, style "default" link, you can find a general A style in almost every style sheet. But this forces you to write additional overrides and styling rules for any links in child elements, and when using CMS like WordPress, it may make your main link style prone to problems. Try this less intrusive way to style the "default" link.

6. Hide unmuted autoplay videos, which is a good technique for customizing user stylesheets. For example, when you are dealing with content that cannot be easily controlled from the source code, it will help you avoid disturbing visitors by automatically playing the video when the page is loaded.

7. The most powerful CSS level comes from the CSS variable, which allows you to declare a set of common property values that can be reused by keywords anywhere in the stylesheet. You can have a set of colors to be used throughout the project to maintain consistency. Repeating these color values in CSS is annoying and error-prone. If a color needs to be changed at some point, it has to be found and replaced, which is quite slow, and variables make customization easier when building a product for the end user.

8. The CSS attribute of shape-outside defines a shape that can be non-rectangular, and adjacent content should be wrapped around the shape. In general, inline content surrounds its margin box. Shape-outside provides a way to customize this wrapper, like text wrapped around complex objects rather than simple boxes. To put it simply, the text is typeset according to the edge of the picture, any shape is fine. It takes the same value as clip-path. Clip-path defines how users view elements, and shape-outside defines how other HTML elements view elements.

At this point, I believe you have a deeper understanding of "what are the common skills of CSS?" you might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.