Get the App
SLTechnology News&Howtos  ›  Development  › 

What are the knowledge points that must be learned to get started with web frontend?

Shulou Source: shulou.com Published: 2022-06-02 17:28:23 10月02日 Update

This article mainly explains the "web front-end entry must learn what are the knowledge points", the article explains the content is simple and clear, easy to learn and understand, the following please follow the editor's ideas slowly in-depth, together to study and learn "web front-end entry must learn what are the knowledge points" it!

1. HTML commonly used tags

What is the language, Web front-end development language, HTML hypertext markup language, web page body structure, common tags, hyperlinks (a tags), Img picture tags

2. Box model

Preliminary exploration of Div box model, css style, simple css style, box model Border frame explanation, box model outer margin, box model inner margin, box model placeholder calculation, ul unordered list, ol ordered list, dl definition list, supplementary knowledge (css)

3. Style initialization and display+ margin merging

Style initialization, element type conversion, specific application of inline elements to the following attributes, block-level elements and inline elements control the horizontal orientation of elements and the principle of merging the outer margins of the box model

4. Element selector + background

HTML naming convention, industry naming convention, selector entry, background background style

5. Css style (Font+Text) + special symbols

Font Font style, text text style, Special symbol, css style query Table

6. Advanced selector and a pseudo class

Css selector, a pseudo class

7. Advanced application of selector & style priority is often used in css3

Selector priority, multiple forms of style, style priority, commonly used css3

8. Floating

The general situation of floating, the general situation of floating, the special situation of floating, the influence of floating on text, the comparison of the characteristics of float and inlink-block after floating, the various methods of clearing floating, the application of min-width

9. Positioning

Position positioning profile, static, relative positioning relative, absolute positioning absolute, fixed positioning, position relationship of z-index layer

10. Vertical-align img feature cursor opacity

Img feature, vertical-align vertical alignment, cursor pointer style, opacity transparency

11. Form

Form forms, controls in form

12. Form

Table table structure, table style reset, default features of table, table cell merging, characteristics of display:table

13. Frameset framework

Iframe inline frame, frameset frameset, framesub-frame, adaptive frame instance

14. Ali icon + css advanced application

CSS inheritance refers to, css reuse, component-based development: different functional modules in the web page, write different css files, ico website logo, Ali icon

15. Common skills of ps tools

Install PS, menu bar introduction, toolbar tool name and shortcut keys, mask, link layer, layer grouping, layer right-click menu, blending mode, menu bar explain in detail

Thank you for your reading, the above is the "web front-end entry must learn what are the knowledge points" of the content, after the study of this article, I believe you have a deeper understanding of the web front-end entry must learn what this problem, the specific use of the situation also needs to be verified in practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

Tags: Styles floats models boxes knowledge elements features selections front ends knowledge points common use frames positioning special tags advanced priority tools situations menus Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno Docker Shulou Information Redmi NVidia vpn