如何在某个div中单独调用外部css

html-css09

如何在某个div中单独调用外部css,第1张

第一种办法:换DIV的名字再调入外部CSS第二种方法:用类样式表覆盖ID样式!<div id="s_nav" class="drop_menu">http://www.netact.com.cn</div>第三种方法:不调入外部CSS把CSS直接复制到网页里,修改该页的样式!这种我建议你用~

div中引用外部css文件,是整个css文件,我们可以在<head></head>那,通过link这个标签来引用,href来链接你外部css的文件就可以,这里有段代码:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>index</title>

<link rel='stylesheet' type='text/css' href='./css/index1.css'>

通过这个来设置就可以了,就可以引用外部的文件了。

外部链接样式表:

在页面的head标签中插入代码:

<link href="(css样式表)" rel="stylesheet" type="text/css" />

把这(css样式表)改为你需要链接的样式表就可以了。

然后你可以在页面外部修改css样式表,用这方法控制div的大小、位置、填充、边距、背景、字体之类的属性。

内部样式:

在页面的head标签中插入代码:

<style type="text/css"></style>

在style标签中添加样式就可以了

然后你可以在页面外部修改css样式表,用这方法控制div的大小、位置、填充、边距、背景、字体之类的属性。

但是这种方法不是很好,因为修改的时候麻烦,而且网上浏览下载的时候较慢。

如果还有什么不明白的地方,可以留个邮箱,我可以发个一些css和div的相关知识给你。