HTML中定义CSS样式的三中方式
2009-04-25 15:00
281 查看
1:在head标签中加载一个CSS文件
示例:
[/code]
以下是style.css的内容,此例使用了link标签.
2:直接把CSS内容写在HTML文件的head标签中
示例:
abbr
{
font-size: 12px;
}
.text10pxwhite
{
font-size: 10px;
color:#FFFFFF;
}
[/code]
此例使用了style标签.以上两种方法是殊途同归的。
3:使用style属性对标签加载样式
此例使用了标签的style属性[/code]
示例:
<head>
<link
rel
=
"stylesheet"
type
=
"text/css"
href
=
"style.css"
/>
</head>
[/code]
以下是style.css的内容,此例使用了link标签.
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>
[/code]
此例使用了style标签.以上两种方法是殊途同归的。
3:使用style属性对标签加载样式
示例: [code]<p
style
=
"font-size: 12px;color: #000;"
>使用css
</p>
此例使用了标签的style属性[/code]
相关文章推荐
- HTML中定义CSS样式的三种方式
- HTML 引用Css样式的四种方式
- html的三种样式定义方式:外部样式表;内部样式表;内联样式表
- 【HTML】HTML中使用CSS样式的几种方式
- html中接受用户输入的form表单定义方式
- HTML 引用Css样式的四种方式
- 在HTML中使用CSS样式的几种方式
- css样式定义标记(. # html)
- HTML、CSS和JavaScript学习一(HTML定义方式、HTML和XHTML的区别、以及常见标签)
- HTML中样式分哪几种?CSS样式定义有哪些?
- Axure8导出html方式及对应css样式修改方法
- html页面中引入css样式的3种方式
- HTML表单的提交方式
- Permission、action的定义方式
- 泛型接口的实现方式一:在子类的定义上声明泛型类型
- html+css给单独某一表格定义样式示例
- html文字的表达方式
- HTML和CSS样式总结
- 从零学JS高级程序设计一:定义函数的方式,函数表达式和函数声明的区别
- 详解VUE 定义全局变量的几种实现方式