<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>css3 样式</title>
<!-- 内部样式：type可有可无 -->
<style type="text/css">
h3{
color: green;/*字体颜色*/
font-size:30px;/*字体大小*/
text-align: center;/*文本居中显示*/
}
.col{ /*类选择器*/
color:greenyellow;
font-size: 34px;
}
#size{/*id 选择器;*/
color: red;
}
</style>
<link href="样式.css" rel="stylesheet"/>
</head>
<body>
<!-- css:层叠样式表、级联样式表 -->
<!-- 引入样式：
1、内联样式：在标签中加入style属性
2、內部样式：在html文件中用style标签书写
3、外部样式：step1:书写css样式文件
step2:在html文件中用link关联样式表
同时对一个标签作用内联样式、内部样式和外部样式时，样式采用的优先级:内联优先级最高、
内部样式和外部样式谁离标签更近，谁的优先级高-->
<h2 style="color: green; font-size: 33px;">古诗中文网</h2>
<!--内联样式 color：字体；颜色；font：文字
size：大小；font size：字体大小-->
<h3 class="col">蒹葭</h3>
<p class="col">蒹葭苍苍，白露为霜</p>
<p class="col" id="size">所谓伊人，在水一方</p>
<!-- 二、选择器：
1、标签选择：标签选择
2、类选择：在结构中用class属性，在样式中用.类名
3、id选择：在结构中用id属性，在样式中用#id类名（具有唯一性）-->
<ul>
<li>网页</li>
<li>网页简介</li>
</ul>
<ol>
<li>前端</li>
<li>首页简介</li>
</ol>
</body>
</html>
扫一扫
评论 2
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
