甜橘子，专注成都网站制作网站设计与营销型网站建设与优化
QQ :532337155
电话：028-86922220
1.样式为class名
创新互联建站长期为上1000家客户提供的网站建设服务，团队从业经验10年，关注不同地域、不同群体，并针对不同对象提供差异化的产品和服务；打造开放共赢平台，与合作伙伴共同营造健康的互联网生态环境。为平鲁企业提供专业的做网站、成都做网站，平鲁网站改版等技术服务。拥有十载丰富建站经验和众多成功案例,为您定制开发。
例：div class="a" id="box"/div
$(function(){
$("#box").removeClass("a");//根据id找到对应元素，然后删除你要删除的class名即可
})
2.直接删除样式
例: div id="box" style="width:100px;"/div
$(function(){
$("#box").attr("style","");
})
给选中的标签添加一个类，比方说你选中了div/div这个标签，先给他添加一个类aa，即div class="aa"/div，然后你在通过样式表写一个.aa的样式，比如给上边的标签定义一个长，一个宽，.aa{height:100px;width:1000px;}，至于aa的属性是什么楼主可以自己定
html中，有的css样式在样式表里不起作用是设置错误造成的，解决方法为：
1、在如图网页中，我们可以看到style中的样式列表，以及所展示的效果图。
2、将style中的全部css样式选中，然后复制或者剪切。
3、然后ctrl+N新建一个CSS样式文件，如图所示，然后创建。
4、在创建的css样式文件中，将刚才复制的文件粘贴到这里。
5、在导出时，需要放到之前网页所在的同文件夹位置，可以新创建一个css文件夹，方便寻找导入。
6、然后回到html文件中，将之前的style样式全部删除即可，然后输入link链接标签，将之前保存的css样式链接进来，保存。
不懂这儿的选中是鼠标点击还是覆盖或者是点击之后的效果,因此就都说一下:\x0d\x0a 1.被点击时的效果可以用div:active{ css }\x0d\x0a\x0d\x0a 2.鼠标覆盖在上面的时候可以用div：hover{ css;}\x0d\x0a\x0d\x0a 3.点击之后的效果，这个相对前2种有些麻烦，必须用到JS或者jquery，步骤如下：\x0d\x0a\x0d\x0a a.先给div添加一个选中的样式比如on{css}；\x0d\x0a\x0d\x0a b.然后在js中$('div').click(function{\x0d\x0a $('div').toggleClass(' ','on');\x0d\x0a })\x0d\x0a 这是jquery自带的一个方法，点击div切换2个class,
用了JQ库，样式在style里，不过要配合js用
!DOCTYPE html
html
head
meta charset="utf-8"
title/title
script src="jquery-3.3.1.min.js"/script
/head
style
.div1{
text-align: center;
background: beige;
width: 50px;
height: 28px;
border-radius: 14px;
}
.span1{
/* margin-top: 7px; */ /* div的时候打开注释 */
background: #CCCCCC;
width: 13px;
height: 13px;
display: inline-block;
border-radius: 7px;
}
.div2{
text-align: center;
background: lawngreen;
width: 50px;
height: 28px;
border-radius: 14px;
}
.span2{
background: white;
width: 13px;
height: 13px;
display: inline-block;
border-radius: 7px;
}
.hid1{
display: none;
}
.hid2{
}
/style
body
!-- button的 --
button class="div1"
span class="hid1"是/span
span class="span1"/span
span class="hid2"否/span
/button
hr
hr
!-- div的 --
!-- div class="div1"
span class="hid1"是/span
span class="span1"/span
span class="hid2"否/span
/div --
/body
script
$(function(){
$(".div1").click(function(){
$(".span1").toggleClass("span2");
$(".div1").toggleClass("div2");
$(".hid1").toggle();
$(".hid2").toggle();
})
})
/script
/html
属性面板里面可以修。
点击窗口打开属性面板，然后选css鼠标选中你要编辑样式的文字点编辑规则，这样css里的样式面板就出来了。
CSS级联样式表一般来讲分3种，第一种外联样式表，CSS样式单独写在一个CSS文件中，HTML页面使用link标签引入这个文件，第二种内联样式表，CSS样式写在HTML页面的head标签内，第三种内嵌样式表，CSS样式直接写在HTML标签的style属性里。