在h1标签中,新增span标签来保存标题内容,然后将其样式设置为display:none
<style>
h1 {
width: 64px;
height: 64px;
background: url();
font: 12px/1 '微软雅黑';
}
span {
display: none;
}
</style>
<h1>
<span>文字</span>
</h1>
通过使用text-index:-9999px,这样一个比较大的负缩进,使文本移到页面以外的区域
<style>
h1 {
width: 64px;
height: 64px;
background: url();
font: 12px/1 '微软雅黑';
text-indent:-9999px;
}
</style>
<h1>文字</h1>
通过使用margin-left:-2000px,使盒模型向左偏移2000px,然后将宽度设置为2064px,从而页面中只显示2064px中64px的部分。将图片的背景设置为右对齐,且不重复
<style>
h1 {
width: 2064px;
height: 64px;
background: url() right no-repeat;
font: 12px/1 '微软雅黑';
margin-left:-2000px;
}
</style>
<h1>文字</h1>
因为背景是显示在padding-box区域中的,而文本是显示在content-box区域中。所以,将height设置为0,用padding-top来替代height,并设置overflow:hidden。则,可以只显示背景不显示文本
<style>
h1 {
width: 64px;
padding-top: 64px;
height:0;
overflow:hidden;
background: url();
font: 12px/1 '微软雅黑';
}
</style>
<h1>文字</h1>
通过新增一个span标签来保存文本内容,并将该标签的宽高设置为0,再设置溢出隐藏即可
<style>
h1 {
width: 64px;
height: 64px;
background: url();
font: 12px/1 '微软雅黑';
}
span{display:block;width: 0;height:0;overflow:hidden;}
</style>
<h1><span>文字</span></h1>
设置文本的颜色为transparent,并设置font-size为1px,即减少行高的影响
<style>
h1 {
width: 64px;
height: 64px;
background: url();
color:transparent;
font-size:1px;
}
</style>
<h1>文字</h1>
使用before伪元素,content设置为图片的URL,在h1元素上设置溢出隐藏
<style>
h1 {
width: 64px;
height: 64px;
overflow: hidden;
font: 12px/1 '微软雅黑';
}
h1:before {
content: url();
display: block;
}
</style>
<h1>文字</h1>
设置text-indent:100%,使文本缩进到父元素宽度区域的右侧。然后配合设置white-space:nowrap和overflow:hidden,使文本不换行,并溢出隐藏。从而隐藏文本内容
<style>
h1 {
width: 64px;
height: 64px;
background: url();
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
font: 12px/1 '微软雅黑';
}
</style>
<h1>文字</h1>
通过设置font-size:0,可以将字体大小设置为0
<style>
h1 {
width: 64px;
height: 64px;
background: url();
font-size:0;
}
</style>
<h1>文字</h1>
网页的标题(title),一般是由HTML文件的<title>标签决定的。如果想要获取网页的标题(title),其实就是获取<title>标签中的内容。下面本篇文章就来给大家介绍一下获取方法,希望对大家有所帮助。
网页自动跳转,是指当用户访问某个网页时,被自动跳转到另一个网页中去。网页自动跳转的主要作用是,当域名变更后,或者网站里的一个或多个网页被删除后,可以使用这种方式将用户引导到其它正常的网页中去,从而留住用户。
理解大型分布式网站你必须知道这些概念:1. I/O优化、2. Web前端调优、3.服务降级(自动优雅降级)、4.幂等性设计、5.失效转移、6.性能优化、7. 代码优化、8. 负载均衡、9.缓存等
HTML几乎是平铺直叙的。CSS是一个伟大的进步,它清晰地区分了页面的结构和外观。在本教程中,您将了解在浏览器中看到的内容是如何实际呈现的,以及如何在必要时进行抓取。
HTML字符实体,在HTML中,某些字符是预留的。比如不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。
但是这种屏蔽方法的破解方法也是众所周知的。那就是连续单击鼠标左键和右键便又可以看到右键功能表了。但是,我见过一种很好的屏蔽右键的方法。它的原理和上面所说的不同。它并不是用JS来编写的脚本,而是利用定义网页属性来起到限制的作用
在网页开发中,经常会遇到把一些通用内容的页面集中到一个页面中,需要使用这些页面只需要包含引入即可,这样有利于维护和修改,当通用页面修改时只需更改一个文件就可以了,不需要每个文件单独处理。
静态网页是标准的HTML文件,它的文件扩展名是.htm、.html,静态网页是网站建设的基础。从网站浏览者的角度来看,无论是动态网页还是静态网页,都可以展示基本的文字和图片信息,但从网站开发、管理、维护的角度来看就有很大的差别。
学习前端第一步:划分网页结构,网页的结构的划分应该遵循哪些原则,如何去划分网页的结构呢?对于一个前端初学者,第一步就是要学会如何划分一个网页的结构。当设计师给到你一张设计图,你需要根据这张图做出一个符合标准的页面
多语言版静态网页,通常都是先做一个语言的网页,比如中文版,或英文版,然后找人翻译成另一种语言,最后合作一起,上传到网页服务器。
内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!