如何知道网站的CSS代码？？？

html-css021

如何知道网站的CSS代码？？？,第1张

要查看一个网站使用了什么css代码，可以通过在网站空白处右键，选择查看源代码，一般来说css代码有三种引入形式，第一种是直接在标签后面加style属性，比如<div style="width=...height=..."></div>第二种是写在<style>标签内部；第三种是通过<link>标签引入，引入文件的后缀一般是.css，如果是link的引入方式，直接在源文件上点击链接即可看到了。

除了以上办法查看网站的css代码，还可以通过按f12键，调出开发者模式，这种方法可以快速的查到网页上某个元素具体有什么css样式。因为不同浏览器的开发者模式不一样，这里就不展开说明了。

以上办法基本上可以得到网站的css代码，当然，如果网站是通过js动态引入或者修改css样式，这就得费较大一番功夫了。

整体简介：

使用浏览器的查看网页源代码功能可以查看当前页面的HTML和CSS源代码

工具原料：

IE,360极速浏览器，或任一一款浏览器均可

解决方法：

以360极速浏览器为例

打开任意一网站页面，然后在页面的空白处右击，在弹出的菜单中选择查看源代码

在新打开的源代码页面中可以看见CSS文件的引用。

点击该CSS文件的链接就可以打开CSS文件进行查看。

在支持 CSS 的浏览器中，链接的不同状态都可以不同的方式显示，这些状态包括：活动状态，已被访问状态，未被访问状态，和鼠标悬停状态。

a:link {color: #FF0000} /* 未访问的链接 */

a:visited {color: #00FF00} /* 已访问的链接 */

a:hover {color: #FF00FF} /* 鼠标移动到链接上 */

a:active {color: #0000FF} /* 选定的链接 */