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

html 样式添加方式及其优先级学习记录

2017-11-13 15:49 405 查看
html css有三种方式添加，外部样式表（外部引用）、内部样式表、内联样式。优先级顺序从低到高，概括为距离越近优先级越高，高优先级样式会继承低优先级样式中自己不具备的样式，同时覆盖相同的样式（即低优先级样式失效，只保留高优先级的）。

e.g.:内联样式,定义在标签内部，只在内部生效

<span style="color: red">测试</span>

内部样式表，定义在head标签内，作用于整个页面

<head>
<meta charset="UTF-8"><!--显示中文内容需声明编码格式为utf-8否则可能显示乱码-->
<style>
h1
{
font-size: small;
}
</style>
</head>
外部样式表 在head中引用，存储于专门的.css文件中
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css1.css">
</head>

                                            

                                        

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

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航