targer="_blank"  

在新窗口打开链接

targer="_self"

在当前窗口打开链接

长度单位总结一下，目前比较常用到px（像素）、em、% 百分比，要注意其实这三种单位都是相对单位。

1、text-decoration可以设置添加到文本的修饰。

2、text-decoration默认值为none, 定义标准的文本。

3、text-decoration的值为underline为定义文本下的一条线。

4、text-decoration的值为overline为定义文本上的一条线。

5、text-decoration的值为line-through为定义穿过文本下的一条线，一般用于商品折扣价。

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

font-size 与 line-height 中间要加入“/”斜扛

3、italic为设置字体为斜体，用于字体本身就有倾斜的样式。

4、oblique为设置倾斜的字体，强制将字体倾斜。

览器默认的样式 < 网页制作者样式 < 用户自己设置的样式，但记住!important优先级样式是个例外，权值高于用户自己设置的样式。

使用label为input标签穿上衣服

<form method="post" value="save.php">
<label for="uname">输入你的用户名</label>
<input type="email" id="uname" placeholder="enter uname"/>
<br/>
<label for="pass">请输入你的密码</label>
<input type="password" id="pass" placeholder="enter password">
</form>

label标签不会向用户呈现任何特殊效果

如果你在 label 标签内点击文本，就会触发此控件。

当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上（就自动选中和该label标签相关连的表单控件上）。

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*/

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

选择器的优先级依次是: 内联样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器

文本框 textarea

 <form method="post" value="save.php">
 <label>联系我们</label><br/>
 <textarea cols="20" vols="10" placeholder="在这里输入内容..."></textarea>
 </form>

1、<textarea>标签是成对出现的，以<textarea>开始，以</textarea>结束。

2、cols ：多行输入域的列数。

3、rows ：多行输入域的行数。

邮箱输入框 email

<input type="email" />

1、Input的type属性设置为email,则表示该输入框的类型为邮箱。

2、数字框的值必须包含@。

3、数字框的值@之后必须有内容,否则会报错误提示。

网址输入框 url

<input type="url"/>

1、input的type属性设置为url,则表示该输入框的类型为网址。

2、数字框的值需以http://或者https://开头,且后面必须有内容,否则表单提交的时候会报错误提示。

数字输入框number

 <input type="number" />

1、input的type属性设置为number,则表示该输入框的类型为数字。

2、数字框只能输入数字，输入其他字符无效。

3、数字框最右侧会有一个加减符号,可以调整输入数字的大小,不同浏览器表现不一致。

placeholder占位符

<input type="text" placeholder="请输入关键字"/>

1、placeholder属性为输入框占位符,里面可以放提示的输入信息。

2、placeholder属性的值可以任意填写,当输入框输入内容时,占位符内容消失,输入框无内容时,占位符内容显示。

3、占位符内容不是输入框真正的内容。

文本框、密码输入框

<form>
   <input type="text/password" name="名称" value="文本" />
</form>

1、type：

   当type="text"时，输入框为文本输入框;

   当type="password"时, 输入框为密码输入框。

2、name：为文本框命名，以备后台程序ASP 、PHP使用。

3、value：为文本输入框设置默认值。(一般起到提示作用)