Detailed introduction to HTML CSS tag type conversion, style reset, and front-end specifications

HTML CSS basic tag default value style reset:

(css reset) contains:

body, p, h1, h2,h3,h4,h5,h6,dl,ddMargin Font

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

Reset with groups

Basic properties and transformations of tags

Features and differences between block and inline:

Inline, inline, inline Attribute tag:

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

2. Content expansion width

3. Width and height are not supported

4 , does not support upper and lower margin and padding

5. Code line breaks are parsed

Fast attributes:

1. Default Exclusively display in one line

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

display: block; (displayed as a block)

display: inline ; (Displayed as inline)

Inline-block features and applications

Inline-block can be understood 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 newlines 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 an image 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;

Preceding specification:

1. All writing All are lowercase 2.id under the English half-width

status

. class must start with a letter

3. All tags must be closed

4. HTML tags Code indentation specifications (1. Enhance readability , reduce the probability of back-end errors 2. Convenient for reading and error checking)

5. Attribute values ​​must be in quotation marks

6