【web前端(六)】html_样式属性

样式文件手册：

一些样式属性，我们在css2.0中文手册、csss手册4.2.3、W3CSchool等书册中便可以查询文字的属性、文本、背景、web开发等等相关信息。

 

我们点开其中一个便可以看到清晰的分类：

 

查看网站标签源码的工具：

我们在浏览网站的时候，也可以按F12或Crtl+Shift+i键来打开一个调试工具。此时网站地下会出现一个窗口，我们会看到上面的一排按钮。

 

Element按钮：

Element是显示页面中生成的标签的，因为有些标签在源码里面开始只是js脚本，只有在源码执行后，我们才能看到这些标签。所以在一般的调试中，我们是看不到源码的。但是，在Elements里，我们直接就可以看到那些js脚本生成的东西，所以这在测试当中是非常有用的。比如说，当我们脚本执行完之后，我们想看看，到底这些脚本生成的是什么样的标签，我们就可以用这个来看。也就是说，这个是看文档当中的源码的，不过是执行过、处理过的标签的源码的。

 

比如，我们可以展开header，看看里面的东西：

 

Console按钮:

Console按钮又叫控制台，一般是调试用的。因为我们浏览器里面，所有的部分都是对象。每一个窗口都有一个自己的window对象，我们可以这样写，来查看window下的内容。

 

我们会在其中找到location对象，即地址栏。主要是发送请求、链接的。

Sources按钮：

即源码。我们在执行脚本文件的时候，可以打开它。可以在里头设断点进行调试，

 

Network按钮：

这个是我们来看网页请求的，我们可以从种植到网页到底是在请求的是什么东西。比如说，请求的是图片还是文本等等。

 

 

我们可以来看看我们自己的网页：

 

我们可以看到我们所点击的这一行代码所对应的样式表，在右侧显示蓝色的文件中。

 

我们点进Sources里头，还可以在样式文件里直接改属性：

 

可以看到，文字的颜色已经被改成红色。