怎么运行及查看css文件的情况？

html-css012

怎么运行及查看css文件的情况？,第1张

CSS文件是无法独立运行的，必须与HTML的代码配合起来才能看到效果的，CSS就是对HTML文件进行样式控制的（包含长，宽，高，色，字体大小等）。查看CSS的文件最简单的可以使用文本编辑器查看。CSS的应用可以分为两种，一种是直接写在HTML的代码内，如下例：（通常在<head></head>之间）<style type="text/css"><!-- body{color=redfont-size=9pt}--></style>此CSS样式格式了页面字体为红色的，字体大小为9 pt。还有一种是采用引用的方式，如下例：（通常在<head></head>之间）<LINK REL=stylesheet HREF="**.css" TYPE="text/css">上面的两种最终是效果是一样的，如果CSS的样式比例多，可以使用引用的方式，以防过多的CSS代码增加页面的大小与阅读的可读性。CSS即Cascading Style Sheet(级联样式单)的缩写，我们又常称这为风格样式单Style Sheet，顾名思义，是用来进行网页风格设计的。比如，我想让我的链接字未点击时是蓝色的，当鼠标移上去后字变成红色的且有下划线，这就是一种风格。通过设立样式表，我们可以统一地控制HMTL中各标志的显示属性。

1、打开HBuilder，点击软件顶部的文件选项，在弹出的选择中点击新建，选您要新建的文件JS，HTML，CSS等可以进行选择。

2、输入完成后将文件进行保存，可使用Ctrl+s键保存文件，或点击红框标注出的位置也可保存文件。

3、保存完成后点击HBuilder软件菜单栏的运行选项，点击运行到浏览器选项，选择自己要运行的浏览器即可。

4、最后在选择的浏览器中出现运行的结果即可。