1、如图，先在HTML网页编写一些测试的文字。然后在网页预览文字初始的字体效果，颜色是黑色，大小比较小。因为测试文字是在body标签内的，所以我们要对body标签设置css属性就可以了。
创新互联是专业的富宁网站建设公司，富宁接单;提供网站建设、网站制作,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行富宁网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
2、New style：(新建样式)一般我们通过这个按钮来创建CSS样式表。Edit style sheet：(编辑样式表)点击后会弹出编辑样式表对话框，显示了所有已存在的内部和外部样式表，可以在这个对话框里新建、编辑、删除样式。
3、html编辑器。首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：body{font-family： 楷体}。浏览器运行index.html页面，此时文字的样式被成功定义为楷体。
这个很简单的啦，加个span标签就可以了，写上样式就可以，如：我很好，请放心。也可以把style改成ID或类，这样统一把想要改变的字作设置，更简洁。
在index.html中的标签中，输入html代码：hello world 浏览器运行index.html页面，此时一行文字用了不同的样式的字体显示。
在样式表中，你可以针对单一（或多个）的这个（或这些）标签定义样式，如果div内的不同样式很多，相同的标签也可以添加不同的类名以达到区分不同样式的目的。这样同一个div里就可以用不同的文字样式了。
！-- 这里就是那个图标，css图标素材你可以到网上搜索下载。
type=text/引入bootstrap中css样式，如果图标不是你想要的，你可以根据class=glyphicon glyphicon-zoom-in 这个样式自己修改，放自己的图片。这里我只是给你举个例子。
内容挺不错的，现在就分享给大家，也给的大家做个参考。在平时写页面的过程中，常遇到要把小图标与文字对齐的情况。比如： 总结了两种方法，代码量都比较少。
1、打开开发工具，新建一个HTML文件。使用font-family属性设置，字体代码：.demo1{font-family： microsoft yahei}。使用font-size属性设置字体的大小代码：.demo1{font-size： 20px；}。
2、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：a{font-family： 楷体；font-size： 20px；color： orange；}。
3、在css页面中，设置字体的颜色通过下面的代码：字体的color值，一般都是使用#加16进制的颜色值来表示。也有一些编译器支持直接使用颜色的英文单词来表示。
4、新建一个html文件，命名为test.html。在test.html文件内，使用font标签创建三行文字，分别用不同的方法给font字体设置颜色。在test.html文件内，直接在font标签上，通过color属性来设置字体的颜色。
5、可以使用 background-image 属性并指定 linear-gradient 函数。