引用方式,就是如何把CSS跟HTML结合起来使用,这里不讨论CSS的具体属性设置等
<h6>1.行内样式:</h6>
直接在标签中使用style属性
<p style="color:#0F6;font-familly:cursive;font-size:22px;width:200px;height:50px;background-image:url(./程序员.jpg)">爱情来得太快就像龙卷风</p>
<h6>2.内部样式:</h6>
在<HTML>和<BODY>标签之间插入一个<STYLE>...</STYLE>块对象
<style type="text/css">
p{
color:#C90;
font-size:20px;
font-family:"Comic Sans MS", cursive;
width:200px;
height:60px;
border:1px;
border-style:dashed;
border-color:#F00;
}
</style>
使用:
<p>我曾经爱过这样一个男人</p>
<h6>3.外部样式:</h6>
使用<link>标签引用外部css文件
Demo.css
p{
color:#C90;
font-size:20px;
font-family:"Comic Sans MS", cursive;
width:200px;
height:60px;
border:1px;
border-style:dashed;
border-color:#F00;
}
在<head>标签中把外部css文件链接进来
<link href="./myCss.css" type="text/css" rel="stylesheet"/>
使用:
<p>我曾经爱过这样一个男人</p>