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

首頁

web前端

html教學

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 am 11:32 AM

一、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、有序列表：

　　　　使用标签：
1. ；属性（type）：A、a、I、i、start
  　　3、自定义列表：
  
  　　　　使用标签：
  、
  、
  
  (与
  、
  一起使用表示对话)
  
  三、CSS链接的四种状态
  
  　　一般用标签表示链接，可以嵌入表示跳转地址，其中表示跳转到自己
  
  　　链接有如下四种状态：
  
  　　　　1、a：link    普通的、未被访问的链接
  
  　　　　2、a：visited    用户已访问的链接
  
  　　　　3、a：hover     鼠标指针位于链接的上方
  
  　　　　4、a：active     链接被点击的时刻
  
  　　eg：
  1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>CSS链接状态</title> 6 <style type="text/css"> 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 </style>16 </head>17 18 <body>19 <a href="http://www.baidu.com">百度一下，你就知道！</a><br />20 <a href="http://www.jikexueyuan.com">学知识就到极客学院！</a>21 </body>22 </html>
  登入後複製
  　　　　效果：
  
  　　另外，中还有属性，用来规定在何处打开链接：
  
  　　　　(1)target="_blank":以前页面任然存在，在新的页面打开
  
  　　　　(2)target="_self":在当前页面打开
  
  　　　　(3)target="_parent":在父级空间打开
  
  　　　　(4)target="_top":在顶级页面打开
  
  　　(3)(4)是配合<a>标签的使用效果</a>
  
  　　
  
  　　**中还有name 属性，name 属性规定锚（anchor）的名称。可以使用 name 属性创建 HTML 页面中的书签，name可以用id来代替**

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

熱工具

熱門話題

gmail信箱登陸入口在哪裡

7862

Java教學

1649

CakePHP 教程

1404

Laravel 教程

1300

PHP教程

1242

Related knowledge

HTML容易為初學者學習嗎？ Apr 07, 2025 am 12:11 AM

HTML適合初學者學習，因為它簡單易學且能快速看到成果。 1)HTML的學習曲線平緩，易於上手。 2)只需掌握基本標籤即可開始創建網頁。 3)靈活性高，可與CSS和JavaScript結合使用。 4)豐富的學習資源和現代工具支持學習過程。

HTML，CSS和JavaScript的角色：核心職責 Apr 08, 2025 pm 07:05 PM

HTML定義網頁結構，CSS負責樣式和佈局，JavaScript賦予動態交互。三者在網頁開發中各司其職，共同構建豐富多彩的網站。

了解HTML，CSS和JavaScript：初學者指南 Apr 12, 2025 am 12:02 AM

WebDevelovermentReliesonHtml，CSS和JavaScript：1）HTMLStructuresContent，2）CSSStyleSIT和3）JavaScriptAddSstractivity，形成thebasisofmodernWebemodernWebExexperiences。

Gitee Pages靜態網站部署失敗：單個文件404錯誤如何排查和解決？ Apr 04, 2025 pm 11:54 PM

GiteePages靜態網站部署失敗：404錯誤排查與解決在使用Gitee...

HTML中起始標籤的示例是什麼？ Apr 06, 2025 am 12:04 AM

AnexampleOfAstartingTaginHtmlis，beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements，defiteTheeTheErtypes，andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。