首页 > 代码库 > HTML中使用CSS -- 定义CSS样式
HTML中使用CSS -- 定义CSS样式
CSS:Cascading Style Sheets(层叠样式表)
有三种方式可以在XHTML页面中嵌入CSS.参见CSS教程.
1.在head标签中加载一个CSS文件
示例
<
head
>
<
link
rel
=
"
stylesheet
"
type
=
"
text/css
"
href
=
"
style.css
"
/>
</
head
>
此例使用了link标签.
abbr
{
font-size
:
12px
;
}
.text10pxwhite
{
font-size
:
10px
;
color
:
#FFFFFF
;
}
style.css的内容
2.直接把CSS内容写在HTML文件的head标签中
示例
<
head
>
<
style
type
=
"
text/css
"
>
abbr
{
font-size: 12px;
}
.text10pxwhite
{
font-size: 10px;
color: #FFFFFF;
}
</
style
>
</
head
>
此例使用了style标签.
两种方法是殊途同归的(但是推荐使用第一种方法,在CSS教程中我将告诉你为什么).
3.使用style属性对标签加载样式
示例
<
p
style
=
"
font-size: 12px;color: #000;
"
>
使用css
</
p
>
此例使用了标签的style属性.
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。