external css style

External css style (also called external style) is to write the css code in a separate external file. This css style file has the extension name of ".css" and is in <head> (not in <style> tag) Use the <link> tag to link the css style file to the HTML file, as shown in the following code:

<link href="base.css" rel="stylesheet" type="text/css" />

Note:

1. The name of the css style file begins with Named with English letters of meaning, such as main.css.

2. rel="stylesheet" type="text/css" is a fixed writing method that cannot be modified.

3. The <link> tag position is generally written within the <head> tag.

body { line-height: 130pt}
H1,H2,H3,H4,H5,H6 {
color: red;
text-decoration: underline;
font-family: " 黑体 "
}
b {
font-style: italic;
color: #FF3333;
text-decoration: underline
}

We see that only the < STYLE> and comment tags are missing, and the rest of the external style sheet has not changed.

Continuing Learning

new file

<!doctype html> <html> <head> <meta charset="UTF-8"> <title></title> <link href="mycss.css" type="text/css" rel="stylesheet"> </head> <body>  <p class="pclass">这是一个 class 显示效果<a href="hhtp://www.php.cn">效果</a></p> <div class="divclass">hello div</div> </body> </html>

submit Reset Code

Automatic operation

external css style

ElementaryImperial CMS enterprise imitation website tutorial

ElementaryNewbies with zero foundation in WordPress build personal blogs and corporate websites

ElementaryUltimate CMS zero-based website building instruction video

ElementaryFront-end project-Shangyou [HTML/CSS/JS technology comprehensive practice]

IntermediateVue3.0 from 0 to build a universal backend management system project practice

ElementaryZero-based front-end course [Vue advanced learning and practical application]

ElementaryWEB front-end tutorial [HTML5+CSS3+JS]

ElementaryQuick introduction to apipost

IntermediateVue3+TypeScript practical tutorial-enterprise-level project practice

ElementaryLet's briefly talk about starting a business in PHP

IntermediateVUE e-commerce project (front-end & back-end dual project actual combat)

ElementaryApipost practical application [api, interface, automated testing, mock]