1、此段css代码，其他页面不需要。可以直接放在需要的HTML文件中。
在head标签下，写上style标签，把css代码放在style标签中。
2、可以新建一个css文件，比如index.css，把这段css代码放进这个index.css文件中。
然后在HTML文件中引入index.css文件。
<link rel="stylesheet" href="index.css">
href：写index.css文件的路径。
扩展资料：
插入样式表的方法：
1、外部样式表
每个页面使用<link>标签链接到样式表。<link>标签在（文档的）头部：
<head><linkrel="stylesheet"type="text/css"href="mystyle.css"></head>
浏览器会从文件mystyle.css中读到样式声明，并根据它来格式文档。
外部样式表可以在任何文本编辑器中进行编辑。文件不能包含任何的html标签。样式表应该以.css扩展名进行保存。
2、内部样式表
当单个文档需要特殊的样式时，就应该使用内部样式表。你可以使用<style>标签在文档头部定义内部样式表：
<style>
hr{color:sienna}
p{margin-left:20px}
body{background-image:url("images/back40.gif")}
</style>
3、内联样式
由于要将表现和内容混杂在一起，内联样式会损失掉样式表的许多优势。请慎用这种方法，例如当样式仅需要在一个元素上应用一次时。
要使用内联样式，你需要在相关的标签内使用样式（style）属性。Style属性可以包含任何CSS属性。本例展示如何改变段落的颜色和左外边距：
<pstyle="color:siennamargin-left:20px">这是一个段落。</p>
样式表允许以多种方式规定样式信息。样式可以规定在单个的HTML元素中，在HTML页的头元素中，或在一个外部的CSS文件中。甚至可以在同一个HTML文档内部引用多个外部样式表。
一般情况下，优先级如下：
内联样式）Inlinestyle>（内部样式）Internalstylesheet>（外部样式）Externalstylesheet>浏览器默认样式
CSS用的是类C#语言的标准。书写方法自由灵活，没有一定的局限。但是常期以来为了阅读和维护等方面的经验，一般都是这样的格式：
标名 {
属性：属性值
属性：属性值；
}
当然这样大家都能理解，你自己也好维护，没有什么特殊的要求的！
为了便于阅读有人建议，CSS分为以下方面的控制：
先写位置等：
如：position:absolute
top,left，width,height等,
空一行，再写布局方面的，如：margin,padding等；
空一行，写字体格式：如line-height等
再空一行，写字体相关！如：font-size,font-color等；
最后是其他的属性！
但一般情况下，我们还是没有必要写那么多的属性值对的！所以就很少有人去空行做这些东西了！
但是一般内容较少时，可以直接写在一行，并不影响阅读的！
纠正一点的是：CSS文件进行调用时并不像一楼所说！不换行可以减少代码的大小！这是毫无根据的臆断！因其会自动解释换行和空白的！代码的大小是因为我们写了一些没有必要的东西所形成的时空代价，比如在body中已经有font-size:9pt而在BODY中的一个DIV中，如果要设置字体为9pt时没有必要再定义font-size:9pt了，如果再定义就是出现代码时的增大。还有一些默认也没有必要写出。
如果真如一楼所说，我想问一下一楼：你知道吗，在CSS中是可以加注释的，请问注释会不会增加代码量？答案是不会！因为其不运行！
sorry,对不起楼上，我说的是运行方面的，没有说下载方面的事。恕我直言，如果有一个人一个不足0。2K的CSS而写了N个GB的注释的话，那他一定有病了！注释不是发文章，一个CSS文件最多能有多少注释？不过我经常遇到写好的CSS进行压缩加密的情况，为了防止别人偷看，至于说能有多少，一个回车只是一个字符，占8bits,一个byte,请问一下，连写与其能有多大分别？再者请问一下为什么还要分开写呢？这是代码的维护时很难读懂的情况下还要讲时间代价吗？
程序的时空代价是指：运行时间与编写时间的相比，存储空间与运行空间的对比。
对于离散型网页来说，下载页面的同时还在下载CSS文件，而且CSS会放在机器的临时文件夹中，这样，整个网站也用不了下载几个CSS，且下次打开网页不须再下CSS。这样你认为呢？
html是超文本语言，如以<p>、<span>、<div>、<ul>、<li>等标签写出来的布局代码就是html格式的语言，在这样的编码文档中分为两类不同的编码：1、utf-8；2、gb2312，因此html选择什么编码，css文档就需要选择相同的文档，UTF-8支持各类特殊符号与英文内容的，而gb2312是偏向中文的，css文档其实不是格式，是属于html的样式文件，那什么是样式，很简单的来说，html文档中的语言属于一个对象，就像人一样，是一个对象，当将其添加一个class或是内嵌css时，则表示为这个对象添加样式属性，就像定义对象一个人什么颜色的头发、多高的身体、穿什么颜色的衣服等。下面举一个列子
在html文档中，如文档“人.html”，其中的有个这样的html：
<di class="pople-type">人</div>
那么在css中，我可以这样定义：
.pople-type{
margin:0 auto横向居中
width:100px宽度
height:100px高度
color:#fffffff字体颜色
background-color:#666666背景颜色
}
.pople-type里面的内容就是定义对象pople-type这个类别的div的样式，那么也就意味着，在整个html文档中，凡是使用这个类的html都具有这样的属性，不论是div、还是p标签、或是span标签，具体的细节我这里就不说了，只是说了个概念的东西，需要进一步学习的话，你在百度上度娘下“w3cschool ”，里面讲的很细，还有演示代码。
