前端优化

html-style | 2017-04-24 10:43:15 | 阅读 600 次 | 评论(0)

一、页面js,style复用,命名规范

二、注意标签缩进

三、将页面中的图片统一进行处理,合并,再使用style引入,获取指定图片位置中的内容


<html>
<head>
<style>
.TCLogo { 
width:146px; 
height:36px; 
background-image:url(原图.png); 
background-attachment:fixed; 
background-position:-100px -87px; 
background-repeat:no-repeat; 
}
</style>
</head>
<body>
<div class='TCLogo'>
</div>
</body>
</html>


原图.png (上传于2017-04-24 10:43:15)
原图.png
效果图.png (上传于2017-04-24 10:43:15)
效果图.png

-------------------------------- 作者在 2017-04-24 10:45:33 补充以下内容 --------------------------------

原图和style引自百度问题https://zhidao.baidu.com/question/1430112765214443299.html
文章评论,共0条
游客请输入验证码
最新评论