1、首先在电脑中打开一个需要获取CSS数据的网页。
2、在网页的空白处点击鼠标右键，选择“审查元素”的选项。
3、点击后在页面的下方会打开一个网页元素代码窗口。
4、在该窗口的右侧小窗口可以点击“style”，其中就是需要的CSS代码了。
CSS文件是无法独立运行的，必须与HTML的代码配合起来才能看到效果的，CSS就是对HTML文件进行样式控制的（包含长，宽，高，色，字体大小等）。查看CSS的文件最简单的可以使用文本编辑器查看。CSS的应用可以分为两种，一种是直接写在HTML的代码内，如下例：（通常在之间）此CSS样式格式了页面字体为红色的，字体大小为9 pt。还有一种是采用引用的方式，如下例：（通常在之间）
上面的两种最终是效果是一样的，如果CSS的样式比例多，可以使用引用的方式，以防过多的CSS代码增加页面的大小与阅读的可读性。
CSS即Cascading Style Sheet(级联样式单)的缩写，又常称这为风格样式单Style Sheet，顾名思义，是用来进行网页风格设计的。比如，想让链接字未点击时是蓝色的，当鼠标移上去后字变成红色的且有下划线，这就是一种风格。通过设立样式表，可以统一地控制HMTL中各标志的显示属性。
怎样在F12下查看源码和调试网页CSS？下面我们就来看一下具体是如何操作的吧。
首先我们需要打开一个网页，然后按F12开始查看源码。
调出代码之后，然后选择你想修改网站框架的地方。
在最右边的一块代码中就是属于网页的CSS样式表，然后我们鼠标放在上面，就会在代码前面出现一个√号框。
双击你想修改的CSS代码，然后输入你想修改的值，修改成功之后我们就可以看到网页发生改变。
