web开发源代码案例6-实操方法

web开发源代码案例6-实操方法

第一步点击F12打开浏览器检查功能

第二步点击指针,把鼠标移动到需要做得位置并且进行查看整体的模块大小和属性信息

使用Snipaste工具,F1裁剪,F3截图置顶进行查看

第三步 通过看内容和和别人做的来参考具体的参数进行写style样式


web开发源代码案例6-实操方法


web开发源代码案例6-实操方法

第四步 跟第二步一样 通过浏览器的检查功能查找出网站的背景图片。

通过这些步骤就是一般模仿网站的基本步骤。

本次案例运用新知识:

background-position: left center; 这个是像做居中的意思,也可以写成background-position:left 的

background-repeat: no-repeat; 这个是背景图不重复的意思,还有repeat-x 是横向重复,repeat-y 纵向重复

background-image: url(images/title_spriten.png); 这个是背景图的链接,

这些都是我们开发的过程经常会用到的一些有用的style属性,如果可以的话,尽可能的记一下如果记不住也可以csss手册等等相关的文档来进行查看。




    
     
    
    web开发源代码案例6-实操方法
    


    

成长守护平台

发表评论
留言与评论(共有 0 条评论) “”
   
验证码:

相关文章

推荐文章