Get the App
SLTechnology News&Howtos  ›  Development  › 

What are the entry-level knowledge points of HTML5+CSS3

Shulou Source: shulou.com Published: 2022-06-01 11:09:54 10月26日 Update

This article mainly introduces the relevant knowledge of "what are the entry knowledge points of HTML5+CSS3". Xiao Bian shows you the operation process through actual cases. The operation method is simple, fast and practical. I hope this article "what are the entry knowledge points of HTML5+CSS3" can help you solve the problem.

1. Response formula of layout:

Absolute size cannot be used

Use float to make the layout fluid and less prone to horizontal scroll bars

2. Responsive style of font

Use relative fonts

3. Responsive formulas for media resources such as pictures and videos

Set width max-width:100%; or width: 100%;

4. Use of css3 media queries

The key to responsive design is the application of media queries. There are two ways to apply media queries.

①

② Import via @import url ("tinyScreen.css") screen and (max-device-width: 400px); in css file

5. meta tags in html set viewport width to ideal viewport width (only valid for mobile browsers)

About "HTML5+CSS3 entry knowledge points what" content is introduced here, thank you for reading. If you want to know more about industry-related knowledge, you can pay attention to the industry information channel. Xiaobian will update different knowledge points for you every day.

Tags: Knowledge knowledge points media width queries fonts layouts industries viewports applications different practical effective not easy key content at the same time pictures practicality reality Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno Xiaomi NVidia Shulou Technology OPPO Reno macOS