css基础

表示引用的标签：

<blockquote>  表示长文本

<q> 标签，表示简短文本，自动加双引号

加入代码:

使用<code>标签

大段代码：

<pre>标签

a 标签 target 的几个属性

_blank  新建窗口

_self  默认属性   在相同的框架中打开被链接文档

_parent  在父框架集中打开被链接文档

_top   在整个窗口中打开被链接文档

继承：

有些属性不具备继承

段落排版：

1.缩进   text-indent

层叠 就是在html文件中对于同一个元素可以有多个css样式存在，当有相同权重的样式存在时，会根据这些css样式的前后顺序来决定，处于最后面的css样式会被应用。

现在一般网页喜欢设置“微软雅黑”，如下代码：

body{font-family:"Microsoft Yahei";}

或

body{font-family:"微软雅黑";}

注意：第一种方法比第二种方法兼容性更好一些。

字体：

斜体：

font-style:italic

常用的块状元素有：

<div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>

常用的内联元素有：

<a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>

常用的内联块状元素有：

<img>、<input>

在网页中，元素有三种布局模型：
1、流动模型（Flow）
2、浮动模型 (Float)

3、层模型（Layer）

绝对定位：脱离文档流，兄弟元素不再受其影响

相对定位：在正常文档流中偏移

body{
    font:italic  small-caps  bold  12px/1.5em  "宋体",sans-serif;
}

注意：

1、使用这一简写方式你至少要指定 font-size 和 font-family 属性，其他的属性(如 font-weight、font-style、font-varient、line-height)如未指定将自动使用默认值。

2、在缩写时 font-size 与 line-height 中间要加入“/”斜扛。

不定宽度的块状元素有三种方法居中（这三种方法目前使用的都比多）：

1. 加入 table 标签
2. 设置 display;inline 方法
3. 设置 position:relative 和 left:50%;

父元素高度确定的 多行文本、 图片、 块状元素的竖直居中的方法有两种：

方法一：使用插入 table (包括tbody、tr、td)标签，同时设置 vertical-align：middle。

说到竖直居中，css 中有一个用于竖直居中的属性 vertical-align，但这个样式只有在父元素为 td 或 th 时，才会生效。所以又要插入 table 标签了。 因为 td 标签默认情况下就 默认设置了 vertical-align 为 middle ，所以我们不需要显式地设置了。

在 chrome、firefox 及 IE8 以上的浏览器下可以设置块级元素的 display 为 table-cell，激活 vertical-align 属性，但注意 IE6、7 并不支持这个样式。

有一个有趣的现象就是当为元素（不论之前是什么类型元素，display:none 除外）设置以下 2 个句之一：

1. position : absolute
2. float : left 或 float:right

元素会自动变为以  display:inline-block 的方式显示

p{color: #336699;}

可以缩写为：

p{color: #369;}

选择器权值：

标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100，继承权值最低为0.1

p{color:red;} /*权值为1*/
p span{color:green;} /*权值为1+1=2*/
.warning{color:white;} /*权值为10*/
p span.warning{color:purple;} /*权值为1+1+10=12*/
#footer .note p{color:yellow;} /*权值为100+10+1=111*/

mailto用法