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

CSS学习笔记---css基础举例

2014-11-07 10:39 218 查看 
<span style="font-family: Arial, Helvetica, sans-serif;"><html></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><head></span>
<title>css基础</title>
<!--这是在外部设置的整体的样式，但是内嵌的样式会覆盖掉整体的样式-->
<style type="text/css">
/*h2表示对整个页面中的h2有效*/
h2{
background:#aa3324;
color:#fff;
}
</style>
</head>
<body>
<!--style用来设置样式，各属性之间用分号隔开，下面是一种嵌套在标签中的属性-->
<h2 style="color:red;text-decoration:underline;font-size:20px">第一个CSS程序</h2><br/>
<h2>第二个h2</h2><br/>
<h2>第三个h2</h2><br/>
</body>
</html>


css插入外部的.css文件

<html>
<head>
<title>css嵌套</title>
<link rel="stylesheet" type="text/css" href="css01.css">
</head>
<body>
<h2>第一个CSS程序</h2><br/>
<h2>第二个h2</h2><br/>
<h2>第三个h2</h2><br/>
</body>
</html>
css01.css

h2{
border:5px #dd3456 solid;
background:#12dd45;
color:#fff;
}

                                            

                                        

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

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航