HTML CSS Tag type conversion, styling reset, front section specification

Source: Internet
Author: User

HTML CSS Base Label default value style Reset:

(CSS reset) contains:

BODY,P,H1,H2,H3,H4,H5,H6,DL,DD Outer margin Font

Default value style reset for tags such as ol,ul,a,img

Reset with a group

Tag basic features and conversions

Block and inline features and differences:

inline, inline, in-line attribute tags:

1, the default peer can continue to follow the same type of label

2, the content open width

3, does not support the width of the high

4, does not support the upper and lower margin and padding

5. Code wrapping is parsed

Quick properties:

1, the default exclusive line display

2, no width, the default is full of a row


Display:block; (shown as Block)

Display:inline; (Display as inline)

Inline-block Characteristics and application

Inline-block can be understood as a block within a line.

Features: 1, block display on one line

2, in-line attribute tags support wide-height

3, no width when the content open width

Problem

1, code wrapping is parsed.

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

Cursor pointer type: (Specifies the type of cursor to display)

Cursor:pointer|text|mave ...

Cursir.url (hand.cur), pointer: Introduce a picture if you can't do it.


Pointer

Interview questions (Classic):

   denotes spaces

<abbr> abbreviation Title tag displays information when the mouse moves to the text area;

Previous pair Specification:

1. Lowercase for all writing in the English half-width state

2.id. Class must start with a letter

3. All labels must be closed

4.HTML Label Code indentation Specification (1. Improved readability, reducing the probability of back-end errors 2. Easy to read and error to write)

5. Attribute values must be quoted

6<!--HTML annotations--plus spaces before and after

7./* CSS Comments */

8.UL,LI/OL,LI/DL,DT,DD has a parent-child relationship p tag cannot set block attribute tag, will be segmented JS will be wrong, default will not have other tags such as div etc.

9.p,dt,h, tags can not be nested block attributes, the title only put the title text

10.A tags cannot be nested a tags

11. Embedded elements cannot be nested blocks;


HTML CSS Tag type conversion, styling reset, front section specification

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.