html常用小知识

请求重定向：加载页面之后，除了用js做重定向之外，我们还可以直接用<meta>标签做重定向。

 1 <meta http-equiv="refresh" content="5;url=http://www.baidu.com" /> 5秒后跳转 

 

超链接：在当前的iframe中打开新的页面

1 <a href="demo03.html" target="_blank">我是一个超链接</a>
2 
3 <iframe src="demo02.html" name="tom"></iframe>

 

超链接发送邮件：

 1 <a href="mailto:[e-mail]">联系我们</a> 

 

css中字体大致分为五类：

1. serif(衬线字体)
2. sans-serif(非衬线字体)
3. monospace(等宽字体)
4. cursive (草书字体)
5. fantasy(虚幻字体)

 

text-decoration 属性，用来给文本添加各个修饰。通过它可以为文本的
上方 下方 或者中间添加线条。

-underline 下划线

-overline 上划线

-line-through 删除线

-none 无样式

letter-spacing 用来设置字符之间的间距。

word-spacing 用来设置单词之间的间距。

 

border：  

none 默认值，没有边框

solid 实线

dotted 点状边框

dashed 虚线


double 双线

垂直外边距的重叠

在网页中垂直方向的相邻外边距会发生外边距的重叠

所谓的外边距重叠指兄弟元素之间的相邻外边距会取最大值，

而不是取和

超链接：

 将一个内联元素变为块级元素


 display:block; 块

 display:inline; 内联元素




 display:inline-block;将一个元素转换为行内块元素


 既有行内元素特点  又有块元素特定


display:none; 子元素不会被显示  并且不会再页面占有位置。

visibility: 用来设置元素的隐藏和显示的状态。

        visible  默认值，显示

        hidden  元素隐藏不会显示

但是位置会依然占据位置。






overflow  
    
        visible  默认值，子元素溢出

        hidden  溢出的内容会被修剪，不会保存

        scroll  为父元素添加滚动条。该属性无论是否溢出，都会有滚动条

        auto  根据需求添加滚动条。



当元素的高度或者宽度为auto.此时指定内边距不会影响可见
框的大小。而是会自动修改宽度和高度,以适应内边距


块元素在文档流中的高度默认被内容撑开。


在文档流中，内联元素的宽度和高度默认都被内容撑开。


浮动的文字不会盖住文字。 文字会自动环绕在元素的周围。

内联元素脱离文档流之后，会变为块级元素。