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 = " 文字 " ;

              -- 输入时文字消失

 

 

 

 

转载于:https://www.cnblogs.com/Tanghongchang/p/6709423.html