1、首先,打开html编辑器,新建html文件,例如:index.html。
2、在index.html中的<style>标签中,输入css代码:
body {text-align: centerbackground: url(small2.png)background-size: 60%}
3、浏览器运行index.html页面,此时成功通过css控制了div居中显示,背景图片的大小为60%。
这个+号可以用于更多什么的。。
搜索类的提交按钮。
然后,楼上的兄弟也提到了。可以减少客户端和服务器的连接次数。
用一张图片代替所有的背景图。
background:url(XXX.png) norepeat 0 -10px
则中就可以选中离头部20px的那部分了。
第1,字符编码调整为utf-8,你当前使用的是gb2312
第2,background-image属性当中所书写的有误,用实际路径,而且文件夹名字最好不要用中文(基本的开发规范和标准),不要用编码后的字符串,如:
background: url('../images/HTML5-学堂.jpg')第3,你的路径不要写错,在谷歌或者其他浏览器当中,点击F12键,调出控制台,查看是否有错误,如果有文件没有加载成功,则说明你的相应文件没有成功引入
第4,body当中需要有内容,默认body的高度是由内容撑开的,没有内容body就没有高度,背景图自然无法看到
最后,建议你弄本书系统的学一学,里面包括一些类名的命名,书写的规范,在你代码当中都有不少不合适的地方,毕竟学东西是为了有实际的用处,既然要写代码,写的规范一些,按照开发行业标准来写岂不是更好。HTML与CSS方面,推荐《HTML5布局之路》,JS,可以借助《Head First JavaScript程序设计》来入门