好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

1 创建外部css文件

在Web开发中,CSS是不可或缺的一部分。为了更好地管理样式,可以将CSS代码放置在一个外部文件中。下面我们来学习一下如何创建外部CSS文件。

首先,打开你的文本编辑器,比如Sublime、Notepad等。然后,新建一个空文件,将其保存为“样式文件名.css”,比如“style.css”。注意,文件名后缀必须为.css。

样式文件名.css

接下来,在样式文件中编写CSS代码。例如,设置文本颜色、背景颜色和字体:

body{
color: red;
background-color: yellow;
font-family: Arial, sans-serif;
}

然后,将外部样式表连接到HTML文件中。在HTML的head标签中,使用link标签创建链接。其中,href属性指向样式文件的路径,rel属性设为stylesheet,表示这是一个样式表文件,type属性为text/css指定样式表文件的类型:

<head>
<link rel="stylesheet" type="text/css" href="样式文件名.css">
</head>

注意,样式文件名.css应该根据实际情况填写。如果样式文件与HTML文件在同一目录下,可以直接写文件名;如果在不同目录下,需要指定完整路径。

通过以上步骤,我们就成功地创建了一个外部CSS文件,并将其链接到HTML文件中。这样,我们就可以在样式表中编写相关CSS代码,将其应用到文档中,从而实现美化和排版。

查看更多关于1 创建外部css文件的详细内容...

  阅读:47次