您的位置:首页 > Web前端 > CSS

HTML使用CSS的三种方式

2012-12-02 14:59 399 查看

1 在head标签中加载一个CSS文件

示例:

<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>


此例使用了link标签.



style.css内容为:

abbr {
font-size:12px;
}
.text10pxwhite {
font-size:10px;
color: #FFFFFF;
}


2 直接把CSS内容写在HTML文件的head标签中

示例:

<head>
<style type="text/css">
abbr {
font-size: 12px;
}
.text10pxwhite {
font-size: 10px;
color: #FFFFFF;
}
</style>
</head>
此例使用了style标签.

3 使用style属性对标签加载样式

<p style="font-size: 12px;color: #000;">使用css</p>






                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: