背景图片的精灵图的使用

背景图片的精灵图的使用<!DOCTYPEhtml><html><head><metacharset="utf-8"/><metahttp-equiv="X-UA-Compatible"content="IE=edge"><title>背景图片的精灵图的使用<

大家好,又见面了,我是你们的朋友全栈君。

<!DOCTYPE html
>
<
html
>
<
head
>
<
meta
charset=
“utf-8”
/>
<
meta
http-equiv=
“X-UA-Compatible”
content=
“IE=edge”
>
<
title
>背景图片的精灵图的使用
</
title
>
<
meta
name=
“viewport”
content=
“width=device-width, initial-scale=1”
>
<
link
rel=
“stylesheet”
type=
“text/css”
media=
“screen”
href=
“main.css”
/>
<
script
src=
“main.js”
>
<
/
script
>
<
style
type=
“text/css”
>
            
.box{
                
width:
85px;
                
height:
32px;
                
background-image:
url(
“qq.png”);
                
background-position:
-601px
-160px;
                
margin:
400px
300px;
             }
<
/
style
>
<!– 精灵图使用(重点)
☞浏览器中的坐标系
圆点以右为正方向,圆点以下为正。

☞CSS精灵是一种处理网页背景图像的方式。精灵图也是一种背景图片
☞精灵图的使用
◆使用fw一定要用打开的方式打开精灵图
◆使用精灵图作为背景图片的时候,常与background-position配合使用
◆测量精灵图中的元素的坐标使用矩形选择器 –>

</
head
>
<
body
>
<
div
class=
“box”
>

</
div
>

</
body
>
</
html
>
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/132972.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 【软件测试】测试用例八要素

    【软件测试】测试用例八要素目录测试用例八要素1.测试用例编号2.测试模块3.测试用例标题4.重要级别5.预置条件6.测试输入7.操作步骤8.预期输出测试用例额外的要素1.用例设计者2.用例设计日期3.用例版本号4.对应的开发人员5.测试类型测试用例八要素1.测试用例编号编号是由字母和数字组合而成的,用例的编号应该具有唯一性,易识别性,有且于其和测试结果、错误报告等其他文档的链接。这样看到编号就可以知道是做的什么测试,测试的对象是什么,也方…

  • dropdownlist1 绑定 value值

    dropdownlist1 绑定 value值DropDownList1.Items.Add(newListItem(dr[“status”].ToString(),dr[“status_Id”].ToString()));里面的两个参数都必须是string类型的,第一个参数是text,第二个参数是value转载于:https://www.cnblogs.com/tiancai/archive/2011/08/1…

  • java getclassloader_java-关于getClass().getClassLoader()

    java getclassloader_java-关于getClass().getClassLoader()InputStreamis=getClass().getClassLoader().getResourceAsStream(“helloworld.properties”);中getClass()和getClassLoader()都是什么意思呀.getClass():取得当前对象所属的Class对象getClassLoader():取得该Class对象的类装载器类装载器负责从Java字符文件…

  • 【Linux】rm 命令:删除文件/文件夹

    【Linux】rm 命令:删除文件/文件夹文章目录一、删除文件/文件夹:rm命令二、删除文件(即这个文件被删除)三、删除文件夹四、注意参考链接一、删除文件/文件夹:rm命令rm是强大的删除命令,它可以永久性地删除文件系统中指定的文件或目录。在使用rm命令删除文件或目录时,系统不会产生任何提示信息。此命令的基本格式为:rm[选项]文件或目录选项:-f:强制删除(force),和-i选项相反,使用-f,系统将不再询问,而是直接删除目标文件或目录。-i:和-f正好相反,在删除文件或目录之前,系统会给出提示信

  • eclipse护眼颜色和字体大小设置[通俗易懂]

    eclipse护眼颜色和字体大小设置[通俗易懂]♣eclipse护眼颜色和关键字颜色设置♣eclipse字体大小设置(包括jsp,.xml,.java)1.Eclipse字体大小调整: 窗口(Window)-首选项(Prefer

  • OKhttpClient 简单使用总结「建议收藏」

    http优化,由httpClient改为OKHttpClient,研究了一下,网上资料不多大部分是安卓的,就着httpClient的入参简单写了一个公共方法,因为上一层使用了hystrix,就没有使用异步调用。后期看业务需要增加OKHttp的拦截和其他特性。注意请求timeout报java.io.InterruptedIOException:threadinterrupted异常,希望最新…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号