外部式css样式，写在单独的一个文件中

最新推荐文章于 2024-03-27 20:51:24 发布

五十米深蓝星空

最新推荐文章于 2024-03-27 20:51:24 发布

阅读量9.2k

点赞数 4

本文链接：https://blog.csdn.net/a454335066/article/details/77841065

版权

外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名，在<head>内（不是在<style>标签内）使用<link>标签将css样式文件链接到HTML文件内，如下面代码：

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

注意：

1、css样式文件名称以有意义的英文字母命名，如 main.css。

2、rel="stylesheet" type="text/css" 是固定写法不可修改。

3、<link>标签位置一般写在<head>标签之内。

html

<link href="Untitled-3.css" rel="stylesheet" type="text/css"/>
</head>
<body>
     <p>壮士,<span>功名尚未成</span>,呜呼久不遇阳春。<span>君不见黄河之水天上来</sapn></p>
</body>

CSS

span
{
	color:red;
	font-size:20px;
}

优惠劵

五十米深蓝星空

关注关注

4
点赞
踩
12

收藏

觉得还不错? 一键收藏
0
评论
外部式css样式，写在单独的一个文件中

外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名，在内（不是在标签内）使用标签将css样式文件链接到HTML文件内，如下面代码：base.css" rel="stylesheet" type="text/css" />注意：1、css样式文件名称以有意义的英文字母命名，如 main.css。2、r
复制链接

扫一扫