900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > HTML中引入CSS样式的第三种方式:链入外部样式表文件

HTML中引入CSS样式的第三种方式:链入外部样式表文件

时间:2019-03-26 06:20:12

相关推荐

HTML中引入CSS样式的第三种方式:链入外部样式表文件

<!--

第三种方式:链入外部样式表文件,这种方式最常用。

就是将样式写到一个独立的xxx.css文件当中,在需要的网页上直接引入这个xxx.css文件就可以了。

语法格式:

<head>

<link type="text/css" rel="stylesheet" href="css文件的路径" />

</head>

-->

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>引入外部独立的css文件</title>

<!--引入外部独立的css文件-->

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

</head>

<body bgcolor="antiquewhite">

<a href="">百度</a>

<span id="baiduspan">我是span标签!</span>

</body>

</html>

附:外部样式文件1.css所处的目录结构如下图:

附:1.css文件内容:

附:在网页中的展示效果如下图:

​​​​​​​​​​​​​​

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。