HTML5 style and list, CSS link status, html5css

HTML5 style and list, CSS link status, html5css

I. HTML5 Style

1. Labels:

<Style>: style definition;

<Link>: resource reference;

2. attributes:

Type = "text/css": introduces the document type;

Rel = "stylesheet": external style sheet;

3. Three style sheet insertion methods:

(1) external style sheets:

Write in

<Link rel = "stylesheet" type = "text/css" href = "..."> // address of the document introduced in the href label

(2) Internal style sheets:

Write in

<Style type = "text/css"> // The style is written here. </style>

(3) inline style sheets:

Write data directly inside the tag, for example:

<P>TagDescription<Ol>Ordered list<Ul>Unordered list<Li>LIST ITEMS<Dl>Custom list<Dt>Custom list items<Dd>Description

1. unordered list:

** To remove the dots in front of the list, you can also use the CSS style: list-style-type: none **

2. ordered list:

3. Custom list:

Tags: <dl>, <dt>, and <dd> (<dialog> use a dialog with <dt> and <dd>)

 

 

Iii. four states of CSS links

Generally, the <a> label is used to represent the link, and the

The link has the following four statuses:

1. a: link is a common, unaccessed link.

2. a: The access link of the visited user

3. a: The hover mouse pointer is located above the link

4. a: The time when the active link is clicked

Eg:

1 <! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 
Effect:

In addition, <a> has the <target> attribute to specify where to open the link:
(1) target = "_ blank": the previous page exists and is displayed on the new page.
(2) target = "_ self": open on the current page
(3) target = "_ parent": open in parent space
(4) target = "_ top": Open the top-level page
(3) (4) the effect of <iframe> tag combination <a>
　　
** <A> the anchor attribute specifies the name of the anchor. You can use the name attribute to create bookmarks on the HTML page. The name can be replaced by id **