Detailed explanation of HTML CSS tag type conversion, style reset, and front-end specifications

HTML CSS basic tag default value style reset:

(css reset) includes:

body, p, h1, h2, h3, h4, h5, h6, dl, dd Margin font

Default value style reset for ol, ul, a, img and other tags

Reset with group

Basic properties and conversion of tags

Characteristics and differences between block and inline:

Inline, inline, inline attribute tags:

1. By default, peers can continue to follow the same type of tags

2. Content expansion width

3. Does not support width and height

4. Does not support upper and lower margins and padding

5. Code line breaks are parsed

Fast attributes:

1. By default, a row is displayed exclusively

2. When there is no width, the default is to fill a row

display: block; (displayed as a block)

display:inline; (displayed as inline)

inline-block features and applications

You can understand inline-block as a block within one line.

Features: 1. Blocks are displayed in one line

2. Inline attribute labels support width and height

3. When there is no width, the content expands the width

Problem

1. Code line breaks are parsed.

2. IE6/IE7 does not support inline-block of block attribute tags.

cursor pointer cursor type: (specifies the type of cursor to be displayed)

cursor: pointer|text|mave. . .

cursir.url(hand.cur),pointer: Introduce a picture and execute it if it cannot be executed

pointer

Interview questions (classic):

  Indicates spaces

Abbreviated title tag When the mouse moves to the text area, the information is displayed;

Previous pair specifications:

1. All writing All are lowercase

2.id in English half-width state. class must start with a letter

3. All tags must be closed

4. HTML tag code indentation specifications (1. Enhance readability and reduce the probability of back-end errors 2. Convenient reading and Error checking)

5. Attribute values ​​must be in quotation marks

6Add spaces before and after

7./* css comment */

8.ul, li/ ol, li/ dl, dt, dd have a parent-child relationship. The p tag cannot be nested with block attribute tags. It will be segmented and js will make an error. There will be no other tags by default. Such as div, etc.

9.p,dt,h, block attributes cannot be nested in tags, and only title text must be placed in the title

10.a tag cannot be nested in a tag

11. Inline elements cannot be nested in blocks;

The above is the detailed content of Detailed explanation of HTML CSS tag type conversion, style reset, and front-end specifications. For more information, please follow other related articles on the PHP Chinese website!