知识点
来源:互联网 发布:java实现生产者消费者 编辑:程序博客网 时间:2024/06/05 05:20
背景图像固定
如果文档比较长,那么当文档向下滚动时,背景图像也会随之滚动。当文档滚动到超过图像的位置时,图像就会消失。
您可以通过 background-attachment 属性防止这种滚动。通过这个属性,可以声明图像相对于可视区是固定的(fixed),因此不会受到滚动的影响:
body { background-image:url(/i/eg_bg_02.gif); background-repeat:no-repeat; background-attachment:fixed }
缩进文本
把 Web 页面上的段落的第一行缩进,这是一种最常用的文本格式化效果。
CSS 提供了 text-indent 属性,该属性可以方便地实现文本缩进。
通过使用 text-indent 属性,所有元素的第一行都可以缩进一个给定的长度,甚至该长度可以是负值。
这个属性最常见的用途是将段落的首行缩进,下面的规则会使所有段落的首行缩进 5 em:
p {text-indent: 5em;}
注意:一般来说,可以为所有块级元素应用 text-indent,但无法将该属性应用于行内元素,图像之类的替换元素上也无法应用 text-indent 属性。不过,如果一个块级元素(比如段落)的首行中有一个图像,它会随该行的其余文本移动。如果想把一个行内元素的第一行“缩进”,可以用左内边距或外边距创造这种效果
文本格式化
下标:
这是<sub>下标</sub>
上标:
这是<sup>上标</sup>
预格式文本:
预格式文本保持了文本本身的格式,如空格、换行等(适合用于输入代码)
<pre>for i = 1 to 10 print inext i</pre>
改变文字方向:
<bdo dir="rtl">我是从右往左排列的</bdo>
锚链接
命名锚的语法:
<a name="label">锚(显示在页面上的文本)</a>
提示:锚的名称可以是任何你喜欢的名字。
提示:您可以使用 id 属性来替代 name 属性,命名锚同样有效。
首先,我们在 HTML 文档中对锚进行命名(创建一个书签):
<a name="tips">基本的注意事项 - 有用的提示</a>
然后,我们在同一个文档中创建指向该锚的链接:
<a href="#tips">有用的提示</a>
也可以在其他页面中创建指向该锚的链接:
<a href="http://www.w3school.com.cn/html/html_links.asp#tips">有用的提示</a>
表格
表格中的空单元格
在一些浏览器中,没有内容的表格单元显示得不太好。如果某个单元格是空的(没有内容),浏览器可能无法显示出这个单元格的边框。
<table border="1"><tr><td>row 1, cell 1</td><td>row 1, cell 2</td></tr><tr><td></td><td>row 2, cell 2</td></tr></table>
浏览器可能会这样显示:
注意:这个空的单元格的边框没有被显示出来。为了避免这种情况,在空单元格中添加一个空格占位符,就可以将边框显示出来。
<table border="1"><tr><td>row 1, cell 1</td><td>row 1, cell 2</td></tr><tr><td> </td><td>row 2, cell 2</td></tr></table>
JavaScript
如果浏览器压根没法识别 script标签,那么 script 标签所包含的内容将以文本方式显示在页面上。为了避免这种情况发生,你应该将脚本隐藏在注释标签当中。那些老的浏览器(无法识别 script 标签的浏览器)将忽略这些注释,所以不会将标签的内容显示到页面上。而那些新的浏览器将读懂这些脚本并执行它们,即使代码被嵌套在注释标签内。
如: <script type="text/javascript">
<!--
document.write("Hello World!")
//-->
</script>
base标签
使用 base 标签可以使页面中的所有标签在新窗口中打开:
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><meta http-equiv="Content-Language" content="zh-cn" /><base target="_blank" /></head><body><p><a href="http://www.w3school.com.cn" target="_blank">这个连接</a> 将在新窗口中加载,因为 target 属性被设置为 "_blank"。</p><p><a href="http://www.w3school.com.cn">这个连接</a> 也将在新窗口中加载,即使没有 target 属性。</p></body></html>
meta标签的作用
- 使用 meta 元素来描述文档:
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><meta name="author"content="w3school.com.cn"><meta name="revised"content="David Yang,8/1/07"><meta name="generator"content="Dreamweaver 8.0en"></head><body><p>本文档的 meta 属性标识了创作者和编辑软件。</p></body></html>
2.使用 meta 元素来定义文档的关键词:
<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><meta name="description"content="HTML examples"><meta name="keywords"content="HTML, DHTML, CSS, XML, XHTML, JavaScript, VBScript"></head><body><p>本文档的 meta 属性描述了该文档和它的关键词。</p></body></html>
3.把用户重定向到新的网址:
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><meta http-equiv="Refresh" content="5;url=http://www.w3school.com.cn" /></head><body><p>对不起。我们已经搬家了。您的 URL 是 <a href="http://www.w3school.com.cn">http://www.w3school.com.cn</a></p><p>您将在 5 秒内被重定向到新的地址。</p><p>如果超过 5 秒后您仍然看到本消息,请点击上面的链接。</p></body></html>
- 知识点
- 知识点
- 知识点
- 知识点
- 知识点
- 知识点
- 知识点
- 知识点
- 知识点
- 知识点
- 知识点
- 知识点
- 知识点
- 知识点
- 知识点
- 知识点
- 知识点
- 知识点
- hibernate criteria中Restrions的用法
- java十六进制字符串和字符串互转(支持中文)
- 什么是数字图像
- NIO——从小白到有概念
- 天天学Linux命令28--tar命令
- 知识点
- Android组件的exported的默认值问题
- Numpy安装
- Java内部类基础
- 机智云5.0推出IoT套件GoKit4.0 可实现物联网应用协同开发
- 属性动画
- Centos系统下文件权限问题
- input type="file" 显示的中文怎么改成英文的方法
- 腾讯一面(挂)