感觉可以分为下列几个学习阶段。
HTML+CSS这两个应该是对初学者比较友好的了，html大概了解一些常用的标签，css的话看下各种选择器的写法，然后找个网站模仿着写一遍样式，基本上就有感觉了。之所以推荐这两个先学除了简单，还有成就感，写的东西直接以页面展示出来，这比很多大学以C教学，对着命令行打印一堆数据的体验要好很多。你甚至可以尝试着写一个静态网站来做一个自己的简历，展示到朋友圈。
学习资源的话，推荐两本书吧。
《Head First HTML and CSS》
Head First系列的书一直评价很高，这本书也是。但偶觉得其实没必要一来就学那么多，很多标签和属性你都记不住，更不用说css那么多属性了，很多从业多年的前端应该也只能记住其中的大部分吧。推荐的学习方法是Learn by doing.过程中遇到问题的话，学会用搜索引擎+MDN.
《CSS Secrets》
看完这本书你会感叹，原来CSS还可以这样写。
JavaScriptjs的话还是比较复杂的，很难短时间就掌握的很好，但你至少要搞懂一些基本的控制流语法，变量，常量，函数，类这些东西。至少做到你参考别人的代码能看懂别人大概在写啥。
小白可以看下这本GitBook上的书，基础的东西都有涉及，也不长。最多一个小时就能看完。https://www.gitbook.com/book/xinqiu/learn-javascript-cn/details
稍微有基础了，想深入学JavaScript这门语言的话，可以看下《Javascript权威指南》这本书。
但老实说，这本书虽然很好，但是不适合初学者看，偶看了一部分之后觉得纯看书籍的话还是太无聊了，不太适合自己，遂弃之。
相比之下，偶更推荐廖雪峰大神的《JavaScript教程》https://www.liaoxuefeng.com/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。或许会打开新世界的大门。
以上这些内容如果自学的话没个至少需要一两年的时间，还无法保证能学会。培训大概需要5个月的时间。想全部掌握好以上只是，可以来千锋武汉IT培训机构系统全面学习一下。千锋全程面授模式教学，真实项目实战，可先来免费试听两周，实地亲身体验下！
mysql安装教程，mysql全命令操作，mysql迁移到tdsql，mysql 多行多列合并，mysql添加json，mysql安装教程css特效，css原始表，过度 CSS3，欧路词典导入css，CSS模板网站视频素材，css导航条加竖线，css手册
html什么是值？
HTML中对属性值的定义非常宽,但不管如何定义属性值,属性值都是字符串.
1.不定义属性值
HTML规定属性也可以没有值,例如<dl Compact>
浏览器将会使用Compact属性的默认值.但有些属性没有默认值,因此不能省略属性值,
2.属性值中的空白
属性值可以包含有空白,但这种情况下必须使用引号,因为属性之间是使用空白分隔的,如果不使用引号将会出错,也就是说,属性值必须是连续字符序列,如果将空白替换为"%20"那么也可以不使用引号.
应该努力避免在属性值中使用空白,如果有空白就将它转成"%20"
对于属性值中开头和结尾处的空白,用户的浏览器将会把这些空白删去
3.属性值中使用双引号和单引号
单引号可以作为属性值,当单引号作为属性值时就不能再用单引号去包括属性值了,这个时候必须使用双引号来包括属性值,当双引号作为属性值时,也可以使用数字字符引用(')来代替单引号,这个时候,也可以用单引号去包括属性值,
当双绰号作为属性值,就必须使用数字字符引用(")或者字符实体引用(")来代替双引号.
css模式是什么意思？
CSS是层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS为HTML标记语言提供了一种样式描述，定义了其中元素的显示方式。CSS在Web设计领域是一个突破。利用它可以实现修改一个小的样式更新与之相关的所有页面元素。
CSS具有以下特点：
1、丰富的样式定义
CSS提供了丰富的文档样式外观，以及设置文本和背景属性的能力；允许为任何元素创建边框，以及元素边框与其他元素间的距离，以及元素边框与元素内容间的距离；允许随意改变文本的大小写方式、修饰方式以及其他页面效果。
2、易于使用和修改
CSS可以将样式定义在HTML元素的style属性中，也可以将其定义在HTML文档的header部分，也可以将样式声明在一个专门的CSS文件中，以供HTML页面引用。总之，CSS样式表可以将所有的样式声明统一存放，进行统一管理。
3、多页面应用
CSS样式表可以单独存放在一个CSS文件中，这样大家就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件，在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。
4、层叠
层叠就是对一个元素多次设置同一个样式，这将使用最后一次设置的属性值。例如对一个站点中的多个页面使用了同一套CSS样式表，而某些页面中的某些元素想使用其他样式，就可以针对这些样式单独定义一个样式表应用到页面中。
5、页面压缩
在使用HTML定义页面效果的网站中，往往需要大量或重复的表格和font元素形成各种规格的文字样式，这样做的后果就是会产生大量的HTML标签，从而使页面文件的大小增加。
而将样式的声明单独放到CSS样式表中，可以大大的减小页面的体积，这样在加载页面时使用的时间也会大大的减少。另外，CSS样式表的复用更大程序的缩减了页面的体积，减少下载的时间。
扩展资料：
css的工作原理
CSS是一种定义样式结构如字体、颜色、位置等的语言，被用于描述网页上的信息格式化和现实的方式。CSS样式可以直接存储于HTML网页或者单独的样式单文件。
无论哪一种方式，样式单包含将样式应用到指定类型的元素的规则。外部使用时，样式单规则被放置在一个带有文件扩展名_css的外部样式单文档中。
样式规则是可应用于网页中元素，如文本段落或链接的格式化指令。样式规则由一个或多个样式属性及其值组成。内部样式单直接放在网页中，外部样式单保存在独立的文档中，网页通过一个特殊标签链接外部样式单。
名称CSS中的“层叠（cascading）”表示样式单规则应用于HTML文档元素的方式。具体地说，CSS样式单中的样式形成一个层次结构，更具体的样式覆盖通用样式。样式规则的优先级由CSS根据这个层次结构决定，从而实现级联效果。
float在html中有几种？
float不是HTML元素，是CSS里一个属性，用于控制HTML的块级和内联元素在文档流中的表现的，你可以浮动任何你想浮动的html元素。
所有元素默认都不浮动，元素默认有两大类，块级元素比如p和内联元素如strong，他们都不浮动，除非你指定float 一般只浮动 div p