Frequently Asked Questions in HTML 2

How to check the compatibility of familiar CSS? For example, which browsers support inline-block? What are the href, title, and target of the a tag? What is the difference between title and alt? How to open a link in a new window? What are the functions of display: none and visibility: hidden? What's the difference?

line-heightWhat does it do?

The line-height property sets the distance between lines (line height).

Commonly used values ​​are:

normal                                                  . Set reasonable line spacing.

number                                                               Set a number, this number will be multiplied by the current font size to set the line spacing.

length             Set a fixed line spacing.

%Percent spacing based on the current font size.

inherit Specifies that the value of the line-height attribute should be inherited from the parent element.

How to check the familiar compatibility of CSS? For example, which browsers support inline-block?

You can find it in the CSS reference manual in w3school, or you can enter the attributes you want to query in CAN I USE.

Inline-block is partially supported in IE6, IE7, and FIRE FOX 2, and all versions of other mainstream browsers are supported.

What are the href, title, and target of the a tag? What is the difference between title and alt? How to open a link in a new window?

Example: This is a link

The href attribute is used to specify the URL of the hyperlink target. Can be a relative or absolute URL to any valid document, including fragment identifiers and JavaScript snippets.

target specifies where to open the linked document. When the target value is "_blank", the link can be opened in a new window.

The title attribute specifies additional information about the element. This information usually displays a tooltip text when the mouse moves over the element, which is a global attribute.
The role of the art attribute is that when the user cannot view the image, the browser will display alternative text. What are the functions of

display: none and

visibility

: hidden? What's the difference?
Function: both display:none and visible:hidden can hide an element on the webpage

Difference:

display:none ---No A hidden object retains its physical space, that is, the object completely disappears from the page, and in layman's terms cannot be seen or touched.

visible:hidden--- Makes the object invisible on the web page, but the space occupied by the object on the web page does not change. In layman's terms, it means that it cannot be seen but can be touched.

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the php Chinese website!

Related reading:

Frequently Asked Questions in HTML 1

Brief introduction to the principle of clearfix in CSS

The above is the detailed content of Frequently Asked Questions in HTML 2. For more information, please follow other related articles on the PHP Chinese website!