html 在一个网页中负责的事情是一个页面的结构 css(层叠样式表) 在一个网页中主要负责了页面的数据样 第一种： 在style标签中编写css代码。 只能用于本页面中，复用性不强。 格式 ： <style type="text\css"> 编写css的代码。 </style> 例子：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <style type="text\css"> a{ color:#F00; text-decoration:none; } </style> <body> <h1>标题1</h1> <a style="color:#0F0; text-decoration:none" href="#">新闻的标题1</a> <a href="#">新闻标题2</a> <a href="#">新闻标题3</a> <a href="#">新闻标题4</a> <a href="#">新闻标题5</a> <a href="#">新闻标题6</a> </body> </html>第二种： 可以引入外部的css文件。 推荐使用。 方式1： 使用link标签。 推荐使用... 格式： <link href="css文件的路径" rel="stylesheet">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <link href="1.css" rel="stylesheet"/> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <h1>标题1</h1> <a style="color:#0F0; text-decoration:none" href="#">新闻的标题1</a> <a href="#">新闻标题2</a> </body> </html>例子： <link href="1.css" rel="stylesheet"/> 方式2：使用<style>引入 格式： <style type="text/css" > @import url("css的路径"); </style>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css" > @import url("1.css"); </style> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <h1>标题1</h1> <a style="color:#0F0; text-decoration:none" href="#">新闻的标题1</a> <a href="#">新闻标题2</a> </body> </html>第三种方式：直接在html标签使用style属性编写。 只能用于本标签中，复用性较差。 不推荐使用。
<a style="color:#0F0; text-decoration:none" href="#">新闻的标题1</a>
