<div style="background-color:red;color:green;"></div>
方式二：head中加style标签（不好，需要修改html文件）
<style type="text/css">
div{
background-color:red;
color:green;
}
</style>
方式三：head中加载css文件（只需修改css文件）注意：这种方法某些浏览器不起作用，不要用了
<style type="text/css">
@import url(divcss);
</style>
css文件中
div{
background-color:red;
color:green;
}
方式四：head中使用头标签 link
<link rel="stylesheet" type="text/css" href="divcss">
1
新建一个html文件，命名为testhtml，用于讲解html中如何导入css。
2
在testhtml文件内，使用div创建一个模块，下面将对该div进行css样式的定义。
3
在testhtml文件内，设置div的class属性为mydiv，主要用于css文件对该类名进行样式定义。
4
新建一个css文件夹，在文件夹内创建一个css文件，命名为testcss，用于编写css样式。
5
在testcss文件内，使用div的类名进行样式定义，设置div的宽度、高度均为200px，背景颜色为。
6
在testhtml文件内，使用link标签导入testcss样式文件，href为css路径。
7
在浏览器打开testhtml文件，查看实现的效果。
1、在软件中先建立一个站点并在站点中新建一个CSS文件夹和一个html文件。（可以点击下方引用经验查看如何创建一个站点）
2、在右上角点击CSS设计器，并在下方点击+号，然后选择创建新的CSS文件。
3、在创建窗口中，点击浏览按钮。
4、然后选择站点中已经创建好的名字是CSS的文件夹，然后输入想创建的CSS的名字（要用英文哦），点击保存。
5、然后把添加为设置成链接，点击确定按钮。
6、添加完成后就可以在右侧的站点中的CSS文件夹下看到刚创建好的CSS样式表文件了。
7、在左侧的head标签中，就多了一行链接到CSS文件的代码。在顶部tab标签中也可以看到链 接的样式表。
8、接下来写一个简单的网页来看下CSS样式表是否链 接成功。打开html网页编辑页面，在body标签中输入一个div。如下图：
9、然后在顶部tab标签中选择刚才创建的CSS样式表，并在样式表中写一个样式，命名为aaa，并保存样式表快捷键Ctrl+S。
10、然后回到html编辑页面，在div标签中引入class，输入刚才写的样式的名称aaa并保存网页快捷键Ctrl+S。
11、点击顶部的设计按钮，就可以看到实时效果。
12、也可以按快捷键F12，直接用浏览器打开，可以看到真实的效果。证明我们的CSS链接到html中是没有问题。
我们在HTML中经常需要引入CSS和JS文件，那么如何引入呢？下面我给大家演示一下。
工具/材料Sublime Text
首先新建一个文件夹，在文件夹下面建立如下图所示的文件
接下来用Sublime Text打开HTML文件，写入HTML结构，如下图所示
然后我们在Head标签内用link标签引入CSS文件，如下图所示
最后用Script标签引入JS文件即可，如下图所示
答案（代码详情）：<html>
<head>
<meta >小提示：
在同一个文件夹里面你就直接写文件名fontcss就行了，千万不要用你的windows下面的文件路径，这样是访问不到的。
外部样式表将管理整个Web页的外观，当用户在设计HTML（标准通用标记语言的一个应用）时，首先要对整个外观定义一个CSS文件（扩展名为·css），然后通过链接来使用，一个外部的样式表可以通过HTML的LINK元素连接到HTML文档中。aspx文件中需要用完成连接。
css简介：CSS是Cascading style Sheets的简称，中文译作“层叠样式表”，如果在制作网页时，采用CSS技术，便可以轻松而又有效地对页面的整体布局、字体、颜色、链接、背景和其它效果实现精确的控制，而且修改起来也非常简单，只要将相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者不同页面的的外观和格式。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）