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

HTML中定义CSS样式的三种方式

2009-04-25 14:38 260 查看
1：在head标签中加载一个CSS文件

示例：

<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]


                                            

                                        

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

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航