如何查看DIV被设置什么CSS样式

1、如何查看div被设置什么css样式如何查看div被设置什么css样式呢？可以扩展到了解查看任何html标签被设置什么css样式。divcss5教大家把握如何用法谷歌扫瞄器查找网页中某局部div布局结构以及对应设置什么css样式。一、挺直观看div标签被设置什么样式 - top比较容易的布局，我们挺直从扫瞄器上观看效果就能分析一下地方被设置什么样式。容易直观分析div css布局用什么样式图如上图，可以大致分析对应样式有哪些，比如用法背景，设置宽度多少、设置css高度多少、字体大小、文字靠左、距离左多少。以上分析只是直观能看到的能分析的大致用法什么css样式，但假如要想精确的分析对应布局css样

2、式到底设置什么，那必需的看对应css代码。实在分析观看不出的，那就需要去查看div对应class或id对应css挑选器的样式。二、查找div里的class或id对应样式 - top要分析对应div css案例截图1、工具：divcss5用法谷歌扫瞄器（google chrome）举行分析2、查找分析某处div布局用法什么css样式的流程2-1：首先打开网页打开截图2-2：查看源代码在网页空白处鼠标右键-查看网页源代码查看源代码对应html源代码会在谷歌扫瞄器选项卡自动新建打开。对应网页html源代码截图2-3：找到对应要查找地方div可以用法快捷键ctrl+f查找要找div布局处。通过对照本来

3、网页内容找到对应内容并猎取对应div布局结构信息查找技巧，用法扫瞄器自带查找工具，然后对照所要找div内容与本来正常拜访时内容，找到确定的div布局结构。这里找到对应内容div布局内容代码：divcss5从以上代码可以得到，需要分析那个布局用法h2标签举行布局，同时用法class="home"。记住对应id和class命名，这里是用class命名为home，可以想到css绝对用法".home."的挑选器。2-3：打开css代码假如css是用法html引入外部css文件，那需要打开对应这个页面外部css文件，以便查找css代

4、码里对应id或class命名,从而猎取得到对应div布局用法了什么css样式。找到link引入外部css文件代码打开css文件：在谷歌扫瞄器中挺直点击link对应css文件url即可，在谷歌扫瞄器打开css文件。打开对应css文件查看到对应css代码2-4：用法查找工具找到对应css挑选器用法谷歌扫瞄器查找工具，快捷键ctrl+f打开查找工具，将html分析的id或class命名拷贝到查找输入框举行查找，这里是用法class="home",我们知道class对应css就是以半角英文小写句号.为挑选符号开始命名的.home，举行查找查找到两处对应css样式对应

5、div css布局的css代码如下：h2.homeheight:24px;line-height:20px;font-size:14px;color:000;text-indent:25px;background:url(divcss5-left-li.gif) no-repeat 0 0h2.home acolor:000;text-decoration:none分析得出对应地方设置css样式为：2-4-1：对应h2标签设置高度为24px、css上下居中文字的行高为24px、字体大小为14px、字体色彩为黑色000、设置css缩进25px、设置为背景不重复不平铺（可以从网页实践效果看出是对应的那个图标）；2-4-2：设置对应h2标签内的超链接文字字体色彩为黑色000、css去掉超链接字体下划线。以上就是divcss5介绍如何分析一个网页某处局