重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
1.首先要判断哪些才是无用的css
我们提供的服务有:网站制作、成都做网站、微信公众号开发、网站优化、网站认证、岳塘ssl等。为上千余家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的岳塘网站制作公司
用浏览器,打来你制作的网页,我的是360的浏览器,右键网页有项“审计元素(N)”
2.左上角显示html的标签,点选标签
显示对应的css在它的左下角
横线划了的是无用的css,
上图中“aio_e332ee9.css:19”
列数这是什么文件的第几行
你可以在aio_e332ee9.css文件的第19行找到.wgt-ask
3.然后删除里面的失效css语句
重复点选标签寻找
最后,工作量很大,不过毕竟比自己判断着来的快多了
在css中能够实现换行的代码有如下几个:
1、display:block; //将标签改成块元素,块元素是单独占一行的。
2、clear:both; //清除浮动实现换行。
3、white-space:break; //这个一般适用在英文文章中的折行。
可以根据上面的几个能实现换行的样式,只需要将对应标签的对应属性删除就可以了。
取消CSS样式可以在 层或者表格代码中 找到类似class="" 或者 id="" 之类,将其删除即可。
或者在网页代码中找到 类似这样的代码
link href="css/css.css" rel="stylesheet" type="text/css" /
或者
style type="text/css"
.......
/style
将其删除即可。
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的样式重复了,我们才会去删除,删除的方法就是找到多余的css代码的位置,然后在选中用del删除就行了,具体看代码:
html
head
style
.div1{
width:600px;
height:200px;
font-size:13px;
border:1px solid #f00;
}
.div p{
font-size13px; //这条就是多余的,因为在它的父级元素中设置了,可以删除
}
/head
body
div class='div1'
p我是测试文字/p
/div
/body
/html