我是HTML初学者。我看到许多网站,即使是非常简单的网站,在头脑中都有大量的风格信息,比如下面的代码(我只从一个网站复制了大约 10% 的实际风格信息)。
问题:
- 造成这种混乱信息的原因是什么?
-
"风格"似乎常常以
{ 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允许您使用颜色,间距,字体等设置网页样式...
这是开发现代网站所需的三种基本"语言"之一:
- 网页:内容
- CSS:样式
- JavaScript:逻辑
标签看起来一团糟的原因是,通常您会在一个完全独立的文件中找到这些样式。所以基本上你看到整个文件被塞进一行。有时出于性能原因,这样做。
为了回答你关于{ display: none !important }
的问题,display: none
隐藏了一个元素,!important
只是一个激烈的措施,以确保没有任何东西可以以其他方式设置它。