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 **