扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
写网页的时候CSS样式一般是先把没用的清楚掉的,比如自带的边框 margin padding等等,
创新互联公司服务项目包括章贡网站建设、章贡网站制作、章贡网页制作以及章贡网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,章贡网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到章贡省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!
你需要把所有的标签基本都得清除一遍,不然后期写网页的时候有的小细节问题很难排查出来
1.首先要判断哪些才是无用的css
用浏览器,打来你制作的网页,我的是360的浏览器,右键网页有项“审计元素(N)”
2.左上角显示html的标签,点选标签
显示对应的css在它的左下角
横线划了的是无用的css,
上图中“aio_e332ee9.css:19”
列数这是什么文件的第几行
你可以在aio_e332ee9.css文件的第19行找到.wgt-ask
3.然后删除里面的失效css语句
重复点选标签寻找
最后,工作量很大,不过毕竟比自己判断着来的快多了
写好的css最好还是尽量少删啦,因为可能现在没起作用,在某一块没起作用,但是说不定以后能起作用,在别的地方能有用。在现在越来越强调代码重用的环境下,我们只能在编码初期就把代码整体架构给打好。比如说选择一个好的样式重置,科学的浮动清除方式等等都是至关重要的。所以我觉得与其想办法删除一些多余的css,倒不如把心思花在前期工作和css代码的锤炼上,毕竟事先解决比事后解决还是好一些的嘛。
删除多余的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
取消CSS样式可以在 层或者表格代码中 找到类似class="" 或者 id="" 之类,将其删除即可。
或者在网页代码中找到 类似这样的代码
link href="css/css.css" rel="stylesheet" type="text/css" /
或者
style type="text/css"
.......
/style
将其删除即可。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流