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

css多种样式修饰最后哪个实现？？？

2016-08-19 10:22 288 查看
在使用css修饰时，会遇到多个修饰语句，最终是哪个修饰语句实现有时很头疼，现在来分别讲解一下：

外部样式表：
<span style="font-size:18px;"><link href="123.css" rel="stylesheet" type="text/css"></span>


内部样式表：
<span style="font-size:18px;"><style type="text/css">.classname{width:100%}</style></span>


内联样式
<span style="font-size:18px;"><div width="80"></div></span>


若多重样式将层叠为一个：

一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。

浏览器缺省设置（即默认）

外部样式表（引用的css）

内部样式表（位于 <head> 标签内部）

内联样式（在 HTML 元素内部）

因此，内联样式（在 HTML 元素内部）拥有最高的优先权，这意味着如果定义了内敛的某个元素属性的css，在其他地方修饰都不会起作用。

而且外部样式表和内部样式表各自也有自己的先后顺序，后写的会具有有更高的权限，比如<pre name="code" class="css"><style type="text/css">
.classname{width:20px}
.classname{width:60px}
</style>

最终属性为width:60px之前的会覆盖掉。
                                            

                                        

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

                    

                    

                        

                         标签： 
                                                css
                                                权限
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航