1，新建一个html文件，命名为test.html ，用于介绍如何用css改变下拉框select样式。
2，在test.html页面，使用div创建一个模块，设置其class属性为select1，用于下面对该类名进行样式布局。
4，使用css对div进行样式布局，设置其宽度为298px ，高度为60px，并给它一个透明的背景颜色，设置其为圆角边框。
5，使用css对select下拉框进行样式的设置，设置其宽度为300px(比外层的div宽度大一点，效果更加好看)，高度为100%。
6，再使用css对select下拉框的细节进行设置，设置其背景透明（background: transparent），无边框（border: none），左内边距为10px（padding-left: 10px），边框为圆角（border-radius: 10px），字体为微软雅黑（font-family: "微软雅黑"）。
7，在浏览器运行test.html文件，查看select样式框的美化效果。
首先我们打开sublime,然后新建一个文件,选择html格式。输入html tab自动补齐。
head为头部标记 title标记用来设置网页名称。比如我们将title设为电影。body标记用来写主要代码。h标记设置标题。我们在h中写一些文字。
打开网页,我们可以看到两行文字已经显示出来啦。
我们用hr标记可以添加一个水平线,可以看到水平线添加完成
我们可以添加一些标记来控制文字位置和颜色字体等等,用font标记设置字体,现在我们让文字居中,字体设置为微软雅黑,文字变为蓝色。
是微软雅黑字体。Microsoft YaHei UI是微软雅黑的英文。
word文档会使用宋体 (中文正文) 5号字，中文字体一般用：宋体、黑体、仿宋、微软雅黑；西文字体一般使用：cambria、calibri。可以更改为其他字体，可点击【字体型号】进行更改。也可根据情况，更改字体的大小 。
雅黑：是指微软雅黑体。微软雅黑是美国微软公司委托中国北大方正电子有限公司设计的一款全面支持ClearType技术的字体。它属于OpenType类型，文件名是MSYH.TTF，字体设计上属于无衬线字体和黑体。