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属性里。