How to use href in css

In CSS, the full name of href is Hypertext Reference, which is used to specify the target of the link. Its syntax is href="URL", which can be used to: Link external files (such as style sheets) Create intra-page links Reference external images Set background images

##Usage of href in CSS

What is href?

The full name of href is Hypertext Reference, which means hypertext reference. In CSS, href is used to specify the target of a link (the content the link points to).

How to use href

In CSS, the href attribute is used for link elements, such as

tags or < ;link> tag. The syntax is:

href="URL"

where URL represents the target address to be linked.

Uses

The href attribute has many uses in CSS, including:

• Linking to external files: Use the tag to link to an external style sheet or font file.
• Create internal links: Use tags to create links to different parts of the page.
• Image reference: Use the tag to reference external images.
• Background image: Use the background-image attribute to link the background image.

Example

• Link to an external style sheet:

  <link rel="stylesheet" href="style.css">

• Create an internal link Go to another part of the page:

  <a href="#section-1">Section 1</a>

• Reference an external image:

  <img src="/static/imghwm/default1.png"  data-src="image.jpg"  class="lazy" alt="My Image">

• Set a background image:

  background-image: url("background.jpg");

The above is the detailed content of How to use href in css. For more information, please follow other related articles on the PHP Chinese website!