div调用css样式,js给div添加css样式

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

第一种办法：换DIV的名字再调入外部CSS第二种方法：用类样式表覆盖ID样式！div id="s_nav" class="drop_menu" ;/div第三种方法：不调入外部CSS把CSS直接复制到网页里，修改该页的样式！这种我建议你用~

相关问答

Q1: css外部样式如何调用？

css外部样式如何调用方法如下：

1、直接在div中使用css样式制作div+css网页

2、html中使用style自带式

3、使用@import引用外部CSS文件

4、使用link引用外部CSS文件 推荐此方法

接下来将逐个讲解html引用css方法的例子

1、直接在html标签元素内嵌入css样式，如div style="font-size:14px; color:#FF0000;"我是div css测试内容-支持/div 效果如下图

2、在html头部head部分内style声明插入代码如下：

style type="text/css" 

!-- 

.ceshi {font-size:14px; color:#FF0000;}/*这里是设置CSS的样式内容*/ 

-- 

/style

具体方法如下图：

3、使用@import引用外部CSS文件方法

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

 "" 

html xmlns="" 

head 

meta http-equiv="Content-Type" content="text/html; charset=gb2312" / 

titlecss引用方法实例-测试实例/title 

style type="text/css" 

!-- 

@import url(wcss.css);/*这里是通过@import引用CSS的样式内容*/ 

-- 

/style 

/head 

 

body 

div class="ceshi"我是div css测试内容支持/div 

 

/body 

/html

Wcss.css文件内代码.ceshi {font-size:14px; color:#FF0000;}

效果如下图：

可以看出使用此方法和使用自带式引用css样式表方法有相同处，都是需要在html的head内使用style标签引用外部css。

4、使用link来调用外部的css文件

在head放置link rel="stylesheet" href="wcss.css" type="text/css" /来调用外部的wcss.css文件来实现html引用css文件

详细如下图

此方法就不需要style标签，而是直接通过link一个样式来引用外部样式。

Q2: 是怎么调用CSS的

在css里先写入内容的属性，比如 .menu{ width:500px; margin:0px auto;}然后在html内调用， div class="menu"内容/div

Q3: 如何将css跟div结合起来使用？

外部链接样式表：

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

link href="（css样式表）" rel="stylesheet" type="text/css" /

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

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

内部样式：

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

style type="text/css"/style

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

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

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

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

Q4: div调用css

h1a href="#"这是试验调用文字/a/h1

直接h1标签调用，不必使用DIV。

这段代码定义的是h1标签中的链接点击后的颜色。