[CSS] a comprehensive and systematic explanation study notes - Chapter 2 HTML elements and common understanding

One, HTML Overview

Here Insert Picture Description

1.1, HTML common elements

Here Insert Picture Description
Here Insert Picture Description
The left is not set the viewport, set the right viewport will be in accordance with the screen size to load.
Here Insert Picture Description

1.2, HTML attributes important

Here Insert Picture Description
a label by default in the current window, if the need to open a new window is provided below.
Here Insert Picture Description
form property can be acquired in the form of content and used in conjunction with some js validation plug-in, it will be very convenient.
Such as access to content in the form attributes, reset the form to fill in a form of content, etc.

1.2.1, obtain Html page frame

After opening the html page click on the link on this page you can view the page frame.
Here Insert Picture Description
Web links below, drag directly to the browser collections can be used. Hold down the left mouse button and drag the contents of the red box below.
Here Insert Picture Description
Gets Html page architecture

1.3, HTML version

Here Insert Picture Description
Here Insert Picture Description
Here Insert Picture Description
Here Insert Picture Description
Here Insert Picture Description

1.4, HTML elements default style

the RESET CSS
the Reset CSS
normalize.css
following this approach, relatively simple and crude. Simple is that the code is simple, to the style effects in line with our requirements. Rude that * will make the page load efficiency may not be very good. (However, the basic need to consider this issue, if do not want to study this issue css reset)
Here Insert Picture Description

1.5, HTML elements classification

By default Belong:

  1. Block-level block: by default to occupy the entire line;
  2. Inline inline (mostly with text-related elements): can combine with other elements of the display;
  3. inline-block (form elements, pull-down elements): the outer layer performance inline; internal performance block;
    by content points:
    Here Insert Picture Description

1.6, HTML elements nesting relationship

  1. Block element may comprise inline elements;
  2. Does not necessarily block-level elements block elements comprise; (P not contain div)
  3. Usually the element rows can not contain block element; (A can contain div)

1.7, HTML interview Zhenti

What is the significance doctype? In standard mode rendering; let the browser know the elements of legitimacy;
Here Insert Picture Description

Here Insert Picture Description
Here Insert Picture Description
Here Insert Picture Description
Here Insert Picture Description
Here Insert Picture Description
Here Insert Picture Description
Here Insert Picture Description
Here Insert Picture Description

Published 76 original articles · won praise 16 · views 20000 +

Guess you like

Origin blog.csdn.net/weixin_38657051/article/details/103272552