好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

HTML5样式和列表、CSS链接的四种状态_html/css_WEB-ITnose

一、HTML5样式

1、标签:

   :样式定义;

  :资源引用;

2、属性:

  type="text/css":引入文档类型;

  rel="stylesheet":外部样式表;

3、三种样式表插入方法:

  (1)外部样式表:

    在 中写入:

       //href标签处引入文档的地址

  (2)内部样式表:

    在 中写入:

       //这里用来编写样式

  (3)内联样式表:

    直接在标签内部写入,例如:

      

XXX

二、HTML5列表

标签 描述 有序列表 无序列表 列表项 自定义列表 自定义列表项 描述

  1、无序列表:

    使用标签: 、 ;属性(type):disc(默认的实体圆)、circle(空心圆)、square(实体方块)、none(什么都没有)

     **若想去掉列表前面的圆点,还可用CSS样式:list-style-type:none**

  2、有序列表:

    使用标签: 、 ;属性(type):A、a、I、i、start

  3、自定义列表:

    使用标签: 、 、 ( 与 、 一起使用表示对话)

三、CSS链接的四种状态

  一般用标签表示链接,可以嵌入 表示跳转地址,其中 表示跳转到自己

  链接有如下四种状态:

    1、a:link 普通的、未被访问的链接

    2、a:visited 用户已访问的链接

    3、a:hover 鼠标指针位于链接的上方

    4、a:active 链接被点击的时刻

  eg:

 1   2   3   4   5  CSS链接状态  6       7         a:link,a:visited{  8             color:#609; 9             text-decoration:none;   //去掉下划线10         }11         a:hover,a:active{ 12             color:#C00;13             text-decoration:underline;14         }15      16  17 18  19     百度一下,你就知道!
20 学知识就到极客学院!21 22

    效果:

  另外,中还有 属性,用来规定在何处打开链接:

    (1)target="_blank":以前页面任然存在,在新的页面打开

    (2)target="_self":在当前页面打开

    (3)target="_parent":在父级空间打开

    (4)target="_top":在顶级页面打开

  (3)(4)是

  

  **中还有name 属性,name 属性规定锚(anchor)的名称。可以使用 name 属性创建 HTML 页面中的书签,name可以用id来代替**

查看更多关于HTML5样式和列表、CSS链接的四种状态_html/css_WEB-ITnose的详细内容...

  阅读:34次