<!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>
<!--
html在一个网页中负责的事情是一个页面的结构。
css(层叠样式表):在一个页面中主要负责页面的数据样式
编写CSS的几种方式?
<style type="text/css">
@import url("1.css");
</style>
a{
color:#F00;
text-derocation:none;
}
<style type="text/css">
@imoort utl("1.css");
</style>
1. 在Style标签中编写CSS代码
样式: <style type="text/css">
编写css的代码块
</style>
例如:a{
color:#F00;
text-derocation:none;
}
2. 引入外部的css代码:
方式1. 样式: 使用link标签
<link href="1.css" rel="stylesheet"/>
<link href="1.css" rel="stylesheet"/>
方式2: 使用style标签
样式: <style type="text/css">
@imoort utl(”1.css“);
</style>
3.直接用html标签编写
-->
<style type="text/css">
/*
html注释<!--html注释-->
css注释:/*css注释*?
*/
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>1css的需求</title>
</head>
<body>
<h1 align="center">标题</h1>
<a style="color:#F0F;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>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!--
html在一个网页中负责的事情是一个页面的结构。
css(层叠样式表):在一个页面中主要负责页面的数据样式
编写CSS的几种方式?
<style type="text/css">
@import url("1.css");
</style>
a{
color:#F00;
text-derocation:none;
}
<style type="text/css">
@imoort utl("1.css");
</style>
1. 在Style标签中编写CSS代码
样式: <style type="text/css">
编写css的代码块
</style>
例如:a{
color:#F00;
text-derocation:none;
}
2. 引入外部的css代码:
方式1. 样式: 使用link标签
<link href="1.css" rel="stylesheet"/>
<link href="1.css" rel="stylesheet"/>
方式2: 使用style标签
样式: <style type="text/css">
@imoort utl(”1.css“);
</style>
3.直接用html标签编写
-->
<style type="text/css">
/*
html注释<!--html注释-->
css注释:/*css注释*?
*/
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>1css的需求</title>
</head>
<body>
<h1 align="center">标题</h1>
<a style="color:#F0F;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>