Wrong topic to sort out

Check the checkbox

For the input checkbox, checked is checked as soon as it is read, and the compiler ignores the rest.

The page garbled

  1. Chinese can easily lead to promiscuous coding (UTF-8, GBK)
  2. <meta charset='utf-8'>Utf-8 is specified, but this does not necessarily solve the problem. If you store the code as GBK and specify utF-8, it will still cause garbled characters
semantic

  1. You can remove the tag default attribute, but this can cause major problems with code readability. Crawlers often rely on tags to determine the content of a page, and tags indicate the structure of a page.
  2. Semantization doesn’t work all the time and can be a burden of manipulation
width: 100%

Parent element content width= child element content

cd ..

Remember to blank. I really regret not choosing C.

cd ~ cd /

Switch to the upper-level directory

. Equivalent to.. /

Browser kernel

Although Android is Owned by Google and the default browser is Chrome, its browser core is different from blink used by Desktop Chrome, and due to the differences of Android at home and abroad, its core is WebView or X5

DOCTYPE

<a> attribute

If you check the MDN Anchor Attributes, you will find that class, ID and title are not included. These three attributes belong to HTML global variables, which are properties owned by all tags

The directory structure

<img src="/imgs/a.png">: /Represents the root directory, that is, look for img in the root directory, the root directory only demo

form method

Form method is not HTTP method. form method = GET | POST | DIALOG

label

CSS comment

The compiler reads /* */ and ignores it

CSS selectors

Reference: www.ruanyifeng.com/blog/2009/0…

Hidden elements

Only display: None and Visibile: hidden do not exist display: hidden

content box

content box width = content width

border box width = content width + padding width + border width

transparent

Hexadecimal colors also support the last bit of Alpha channel. #0000 indicates full transparent black

line-height

The difference between pure numbers and percentages is:

  • When using percentages, the line-height value of the parent element is computed and then passed to the child element;
  • When using a number, the child element inherits the coefficient 1.5 and then computes the corresponding line-height pixel value.

That is, percentages inherit only one value, independent of the font size of the child element, whereas pure numbers inherit multiples, independent of the font size.

vertical-align

MDN vertical – align: developer.mozilla.org/zh-CN/docs/…

Display: Inline -block top alignment

Margin: 0 auto stands for margin-top, margin-bottom is 0, and the left and right width is automatically allocated, so that the element is automatically centered. Vertical-align: top Aligns the top of the inline elements.

Float and file flow

When float is used to exit the document flow, the other boxes ignore the element, but the text in the other boxes still makes room for the element and surrounds it.

Position: absolute positioning

D and E are equivalent

reflow

Margin, border, and padding changes also trigger reflow

The picture request

encounterdisplay:noneThe DOM Tree ignores this object and its children are not loaded.