（1)、css的发展历程
从HTML被发明开始，样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制。最初的HTML只包含很少的显示属性。随着HTML的成长，为了满足页面设计者的要求，HTML添加了很多显示功能。但是随着这些功能的增加，HTML变的越来越杂乱，而且HTML页面也越来越臃肿。于是css便诞生了。
(2)、css初识
css(Cascading Style Sheets) 主要用于美化样式。
css通常称为css样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。
css以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。
HTMLCSSJavaScriptPHPMySQL的学习顺序是什么？
结合自身的经历谈下这个问题，不一定适合于所有人。
感觉可以分为下列几个学习阶段。
HTML+CSS
这两个应该是对初学者比较友好的了，html大概了解一些常用的标签，css的话看下各种选择器的写法，然后找个网站模仿着写一遍样式，基本上就有感觉了。之所以推荐这两个先学除了简单，还有成就感，写的东西直接以页面展示出来，这比很多大学以C教学，对着命令行打印一堆数据的体验要好很多。你甚至可以尝试着写一个静态网站来做一个自己的简历，展示到朋友圈。
学习资源的话，推荐两本书吧。
《Head First HTML and CSS》
Head First系列的书一直评价很高，这本书也是。但偶觉得其实没必要一来就学那么多，很多标签和属性你都记不住，更不用说css那么多属性了，很多从业多年的前端应该也只能记住其中的大部分吧。推荐的学习方法是Learn by doing.过程中遇到问题的话，学会用搜索引擎+MDN.
《CSS Secrets》
看完这本书你会感叹，原来CSS还可以这样写。
JavaScript
js的话还是比较复杂的，很难短时间就掌握的很好，但你至少要搞懂一些基本的控制流语法，变量，常量，函数，类这些东西。至少做到你参考别人的代码能看懂别人大概在写啥。
小白可以看下这本GitBook上的书，基础的东西都有涉及，也不长。最多一个小时就能看完。/book/xinqiu/learn-javascript-cn/details
稍微有基础了，想深入学JavaScript这门语言的话，可以看下《Javascript权威指南》这本书。
但老实说，这本书虽然很好，但是不适合初学者看，偶看了一部分之后觉得纯看书籍的话还是太无聊了，不太适合自己，遂弃之。
相比之下，偶更推荐廖雪峰大神的《JavaScript教程》/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000，在网上就能看，前面很基础，然后后面开始飙车。大家可以选择性看，文中提到了很多初学者会遇到的坑，比如var that = this.这种小技巧。很多时候初学者会被这种问题困扰很久，有人指路会帮你节省很多时间。
之后你可以了解一些ES6的新语言特性，然后试着用React，Vue，Angular之类的框架来试试。
选择的话，感觉新手推荐Vue，封装的很好，有时会觉得就算不会js，跟着Vue的教程，也能开始写一些东西。React的话，个人感觉要稍微难点，写的感觉和原生的JavaScript要接近些。Angular没写过就不评价了。但这三个框架的很多思想其实有共同之处，学会一个，学另一个会简单很多。所以不必太过纠结。而且前端这个领域，技术更新很快，如果你想学一门一劳永逸的技术，那么前端很可能并不适合你。
PHP+Mysql
这两个感觉是相互依赖的，写PHP不可避免的就要操作数据库。PHP偶写的也比较少，只用Phalapi写过一个小网站，但感觉整体写起来的感觉不是那么爽，但也有可能是偶打开的方式不对，数据库的话，php有别人封装好的ORM库可以对数据库进行操作，这使得你可以不会sql语法也能对数据库进行操作，实在需要用到sql的时候，可以查下文档，然后模仿着写。因为这方便了解的不多，就不瞎提建议了。
不过虽然php是世界上最好的语言，偶也建议你有机会试试python或者node.js。或许会打开新世界的大门。
css怎么调出颜色样板？
方法/步骤
1，新建一个html文件，命名为test.html ，用于介绍如何用css改变下拉框select样式。
2，在test.html页面，使用div创建一个模块，设置其class属性为select1，用于下面对该类名进行样式布局。
3，在div模块内，使用select标签创建一个下拉选择框，下拉列表是三个颜色的选择。
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样式框的美化效果。
