新建一个以css为后缀的文件，然后把所有的样式拷到这个文件里，把重名的样式排除（重名的样式以最后一个为准的，不去重复的，会出现一些样式错误）然后把样式引用到页面里link rel="stylesheet" type="text/css" href="css/style.css"/这句代码就是引用样式表，一般都是放在head标签里，注意样式表的路径。
成都创新互联一直秉承“诚信做人，踏实做事”的原则，不欺瞒客户，是我们最起码的底线！ 以服务为基础，以质量求生存，以技术求发展，成交一个客户多一个朋友！为您提供网站制作、成都网站建设、成都网页设计、微信小程序、成都网站开发、成都网站制作、成都软件开发、重庆APP软件开发是成都本地专业的网站建设和网站设计公司，等你一起来见证！
样式放入css文件中操作方法如下：
1、直接在div中使用css样式制作div+css网页
2、html中使用style自带式
3、使用@import引用外部CSS文件
4、使用link引用外部CSS文件 推荐此方法
保存成.css后缀的css文件。
现在开始在html文件中写入以下代码调用即可。
link rel="stylesheet" type="text/css" href="这里是刚才保存的css文件的路径"
将多个CSS文件导入一个CSS文件中可以通过下面的两种方法来实现。
步骤如下：
1.如果使用链接式，需要使用如下的语句引入外部css文件：
link href="style.css" rel="stylesheet" type="text/css" /'引入外部链接
2.如果使用导入式，则需要使用如下语句：
style type="text/css"
@import "style.css"'导入外部链接
/style
1、我们选择将我们的样式全部建到一个CSS文档中，通过调用CSS文件来加载样式。
2、在头部调用CSS文件样式。
3、对于CSS，我们最常用的是通过class或是标签名来控制样式。
4、我们控制字体样式使用的font。
5、比如我们要设置字体的大小，那么我们可以使用font-size,来进行设置。
6、如果我们需要设置字体样式，那么我们可以使用font-family。
7、如果我们需要给字体加粗，那么我们可以使用font-weight。
8、在设置字体过程中，除了font常用外，其次比较常用的就是text了，我们可以利用text,设置字体的一些其他样式，比如text-align可以设置文字的对齐方式。
9、而text-decoration可以清理或是设置不同样式的下划线。我这里利用text-decoration:none去掉了下划线。
10、如果您定义的容器比文字的宽度小，那么可以设置overflow:hidden，当溢出后，便会自动隐藏其溢出的内容。
11、font-style可以设置字体的样式。
不要莽撞地使用通配符把所有的标签的margin属性和padding属性都设置为零，css reset还是个挺有技巧的事儿。当然各种框架对于cssreset的方法不太一样。但是既然你又需要用到input的默认属性，就不要最开始把所有都设为0.一般css reset的方法。你可以参考各个门户网站。至于他们取舍，也算是公说公有理婆说婆有理。没有一定之规。但是直接上来就使用*，有些鲁莽了。一般思路是将div、p、ul、li、o、tbody、tfoot、thead、fieldset、legend之类的元素的padding和margin值设为0。你应该根据你的需求和编写习惯来定
如果是在大型项目，这种写法看起来灵活一些。
做前端的同学都知道，产品（策划）同事的需求是永远没有一个理想状态的；
使得你的页面一改再改；
原本高效的html结构、高继承的css变的一塌糊涂。
以上发一下牢骚。。。
-------------------------------------------------------------
假如有几个div,因为样式是一样的，所以你给他们定义了同一个class="a"
突然，产品过来找你说：我们有个这样的需求，要把某个div向右移10px
这时，你如果你像上面那样写，就好用了，直接在那个要改动div中添加一个.ml-10就可以了，如：
div class="a"/div
div class="a ml-10"/div
div class="a"/div
div class="a"/div
div class="a"/div