javascript 和CSS怎么联系和应用 是通过id 和class

js的功能好强大的，如果要搞好网页,JS要学的很好！

JS是动态改变页面的内容，再通过CSS控制页面样式。

就像documentwrite("<div class='bottom'>");这句生成一个DIV，改DIV的样式用CSS中的bottom决定。

如果你只想在某一个DIV中改变内容，可以用documentgetElementById(" 这里是DIV元素的ID ");

这样就像是获得该DIV的句柄一样，可以对上面的进行 *** 作了。

比如var a=documentgetElementById("test");//这是获得DIV为test的句柄，然后赋给a，

//在CSS中可以定义一个ID选择器test，即 #test{}

ainnerHTML="这是测试！"; //这是把test层的内容改为：“这是测试！”(不包括引号)

astyledisplay="none"; // test层不可见，这是控制CSS样式示例，还可以做很多改变，自己试试吧

我也是初学JS，有机会大家交流交流，互相学习

class没有唯一性，id具有唯一性（就是一个页面中id只能使用一次），这就是两者的区别。

class主要是针对css定义样式的，id的用处多用来处理页面数据。

单纯如果只是定时css样式，id确实和class具有一样的功能。但是当我们需要获取页面数据或者某个特定元素时，id的唯一性可以显示出重要性了。

类比较灵活~可以在页面重复使用~有一个以上的元素需要使用同一的CSS规则的时候~就要用Class~~~~

而页面中唯一的仅适用一次的元素~就用ID吧~~用class也是可以的~但是class的优先级没ID高呃具体情况具体分析吧

而div#banner表示选择ID名为banner的div~~~同样也可以有p#banner, plast, divnews~~

如果ID，和CLASS在不与JS共同使用的时候，而仅仅是在CSS中使用，是没有什么区别的。

但是，在具体的使用上，HTML中的ID的唯一性还体验在：

ID只能用1个，但CLASS可以使用多个。

如：

<style type="text/css">

#p{color:red;}

Class1{color:red}

Class2{font:14px;}

Class3{float:left}

</style>

<div id="p">这里只能用一个ID</div>

<div class="Class1 Class2 Class3">而Class就可以使用多个</div>

优先级不够。建议楼主可以先百度一下CSS

的选择器的权重。一般来说，假设id选择器的权重是100，类别选择器的权重是10，普通选择器的权重是1，所以#menu

a定义的链接颜色权重是101，而你后定义的#first权重只有100，所以无法覆盖#menu

a

定义的颜色，解决办法是增加权重，如定义#first

a的颜色，这时候权重相等，但是根据规则，后面的样式生效。

方法一：用Photoshop、Firework等多媒体软件为按钮做一个，在CSS中引用：

#buttons{

background:url("路径") no-repeat fixed;

}

方法二：使用背景填充功能实现，在CSS中写入：

#buttons{

background:red;

padding:4px;/即在按钮submit四周分别用红色各填充4像素/

}

以上就是关于javascript 和CSS怎么联系和应用 是通过id 和class全部的内容，包括:javascript 和CSS怎么联系和应用 是通过id 和class、CSS中的 id 和 class。要举例说明。、CSS 中 ID 和类的使用等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！