内部信息杂乱无章的原因是什么<style><head>?



我是HTML初学者。我看到许多网站,即使是非常简单的网站,在头脑中都有大量的风格信息,比如下面的代码(我只从一个网站复制了大约 10% 的实际风格信息)。

问题:

  1. 造成这种混乱信息的原因是什么?
  2. "风格"似乎常常以{ display: none!important; }结尾 </style> .为什么这个"不重要"很重要?

    <style type="text/css">
        object[width="640"][height="160"],
        object[width="640"][height="100"],    
        embed[width="640"][height="160"],
        object[width="100"][height="100"],
        iframe[width="100%"][height="60"],
        object[width="300"][height="60"],
        object[width="200"][height="200"],
        object[width="1000"][height="250"],
        object[width="1000"][height="270"], 
        img[width="240"][height="400"], 
        #RightAdBlock, 
        .ad_head_rectangle, 
        object[width="300"][height="300"], 
        iframe[width="100%"][height="250"], 
        #ad_global_below_navbar, 
        #ad-background, 
        #AD_banner, 
        #AdColumn, 
        #AdContainer, 
        #AdHeader, 
        #AdImage, 
        #Adcode, 
        #AdvertiseFrame, 
        #Advertisements, 
        #BottomAdContainer, 
        . . . . . . iframe[src^="http://ad.yieldmanager.com/"], 
        #rhs_block > #mbEnd, 
        #tads.c { 
            display: none!important; 
        }
    </style>
    

正如 type 属性在 type="text/css" 中声明的那样,样式标记中的任何内容都是 CSS 或级联样式表。CSS允许您使用颜色,间距,字体等设置网页样式...

这是开发现代网站所需的三种基本"语言"之一:

  1. 网页:内容
  2. CSS:样式
  3. JavaScript:逻辑
样式

标签看起来一团糟的原因是,通常您会在一个完全独立的文件中找到这些样式。所以基本上你看到整个文件被塞进一行。有时出于性能原因,这样做。

为了回答你关于{ display: none !important }的问题,display: none隐藏了一个元素,!important只是一个激烈的措施,以确保没有任何东西可以以其他方式设置它。

相关内容

  • 没有找到相关文章

最新更新