HTML怎样通过按钮把外联css替换为内嵌css？

在HTML中，可以使用JavaScript来更改页面的CSS样式。

一种方法是，在HTML中创建一个按钮，并为其添加一个onclick事件监听器，该事件监听器通过JavaScript来更改页面中的CSS样式。

如果你想替换外联css为内嵌css，你可以在head标签中移除外联css的link标签，然后在head标签中添加一个style标签，并在其中添加内嵌css代码。

可以使用相当于浏览器定位。css样式中写入：\x0d\x0a{position: fixed\x0d\x0a right: 20px\x0d\x0a bottom: 100px}相当于浏览器右边20px，浏览器底部100px的距离的定位。\x0d\x0afixed总是以body为定位时的对象，总是根据浏览器的窗口来进行元素的定位，通过"left"、 "top"、 "right"、 "bottom" 属性进行定位。

a:active 是鼠标点击时；

a:visited是访问过后的情况；

样式还是在这里写，只不过点击得用js添加这个样式到按钮上，css没有对点击提供类似hover的支持；

这种问题可以称作“超链接的响应颜色变化”。实现的方法可以有很多种。举一种常用的方法，在head（头部里)用css样式表进行声明。

<!------代码如下---->

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

a:link{

color:black   <!--未点击的超链接显示黑色--->

a:hover{

color:purple<!----当鼠标指向超链接时变成紫色----->

a:visited{

color:red <!----当超链接被访问过后变成红色----->

</style>

如果楼主是老版本的浏览器，可能还需要先声明括号中第一行代码中的，type=“text/css”。

html5的话，就不用带上这句代码了。PS:超链接的响应还有其他2种，一共五种，这里只列出了3种较为常用的。

---