大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
1.样式为class名
成都创新互联专注于灵寿企业网站建设,成都响应式网站建设公司,成都商城网站开发。灵寿网站建设公司,为灵寿等地区提供建站服务。全流程定制制作,专业设计,全程项目跟踪,成都创新互联专业和态度为您提供的服务
例:div class="a" id="box"/div
$(function(){
$("#box").removeClass("a");//根据id找到对应元素,然后删除你要删除的class名即可
})
2.直接删除样式
例: div id="box" style="width:100px;"/div
$(function(){
$("#box").attr("style","");
})
属性面板里面可以修。
点击窗口打开属性面板,然后选css鼠标选中你要编辑样式的文字点编辑规则,这样css里的样式面板就出来了。
CSS级联样式表一般来讲分3种,第一种外联样式表,CSS样式单独写在一个CSS文件中,HTML页面使用link标签引入这个文件,第二种内联样式表,CSS样式写在HTML页面的head标签内,第三种内嵌样式表,CSS样式直接写在HTML标签的style属性里。
用了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
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,
给选中的标签添加一个类,比方说你选中了div/div这个标签,先给他添加一个类aa,即div class="aa"/div,然后你在通过样式表写一个.aa的样式,比如给上边的标签定义一个长,一个宽,.aa{height:100px;width:1000px;},至于aa的属性是什么楼主可以自己定