JS DOM 操作 项目总结 【超链接】【数列】【span】

  超链接  

每次定义链接样式时务必确认定义的顺序，link--visited--hover-active，也就是我们常说到的LoVe HAte原则（大写字母就是它们的首字母）。

“爱恨原则”（LoVe/HAte），即四种伪类的首字母:LVHA。定义A链接样式的正确的顺序：a:link、a:visited、a:hover、a:active。

a:link，    定义正常链接的样式；

a:visited，  定义已访问过链接的样式；

a:hover，   定义鼠标悬浮在链接上时的样式；

a:active，   定义鼠标点击链接时的样式。

a:hover 和 a:visited 链接的状态（颜色、下划线等）一般 应该是相同的。

      a:active不能设置有无下划线（总是有的）。

<style type="text/css">

a:link   {

color:red;

text-decoration:underline;

}

a:visited {

color:white;

text-decoration:none;

}

a:hover {

color:blue;

text-decoration:underline;

}

a:active {

color:yellow;

text-decoration:none;

}

a标签属性

 href = “ 链接到的地址 ” 

 text-decoration:none;         —— 去掉下划线

 target = “ _blank ”              —— 在新页面打开

title = “ 链接的附加提示信息 ”   —— 隐藏的部分显示

Common -- 一般属性

accesskey -- 代表一个链接的快捷键访问方式

charset -- 指定了链接到的页面所使用的编码方式,比如UTF-8

coords -- 使用图像地图的时候可以使用此属性定义链接的区域,通常是使用x,y坐标

hreflang -- 指出了链接到的页面所使用的语言编码

rel -- 代表文档与链接到的内容(href所指的内容)的关系

rev -- 代表文档与链接到的内容(href所指的内容)的关系

shape -- 使用图像地图的时候可以使用shape指定链接区域

tabindex -- 代表使用"tab"键,遍历链接的顺序

type -- 代表链接的MIME类型

   数列   

自定义列表

<dl>                   -- 列表开始

<dt>  </dt>    -- 列表项的开始

<dd></dd>     -- 列表项的定义

<dt>  </dt>

<dd></dd>

</dl>

 < ul  dtyle = " list-style:none " >

</ul>                                               -- list-style:none      去掉无序列表前的黑点

< li style=" float: left; padding-left: 10px " >

-- float: left    横排

-- padding-left: 10px    相距10 个像素

--用 margin 或 padding 进行左右上下的调整

 span 

<span>  <span>

-- span 本身不是块状区域

display : block    -- 使 span 成为块状区域进行操作

补充

     title  

-- 鼠标放入图片上显示文字

-- 显示全部文字（文字超出隐藏）

placeholder = " 文字 " ;

-- 输入时文字消失