PHP菜鸟的进阶之路分享

我是一名河南某职业学院的学生，比较喜欢PHP开发 的 工做，本身也曾经自学过php，but若是没有老师教还真是难以坚持啊，在这里给你们说一下寒假在麦子的学习感觉，首先说麦子每一堂课程都给了特别详细的 学习流程图（课程规划），让咱们在学习之中再也不迷茫。比较钟意PHP开发的工做，因此打算学习一下，看看本身适不适合这份工做，但看规划好像要先学前端开 发啊，啊啊啊....好难好难，特别是Javascript，唉，有点怀疑本身的智商了。每一节课老师都会拿出来思惟导图来说，这点特别棒，让人一看就知 道这节课能学到哪些内容，不过要是能把思惟导图共享出来就行了，好吧，我比较喜欢偷懒不肯意本身总结，总之老师讲课很清楚，内容浅显易懂，不过有些地方可 能由于我的缘由仍是不太理解，得慢慢“撸”了，各位学友，一块儿加油吧！

html+css:

由于自己在学校就学过html+CSS，因此课程基本是2x加速撸一边复习，不过不得不说麦子学院这个2x播放特别好用，赞一个。html全称：超文本标记语言，大千Web世界其实对于浏览器来讲都是文本。

用咱们的思惟去简单考虑一下浏览器的工做流程：

1.咱们去访问一个网站，好比www.baidu.com，其实就是去请求他的index.html（以静态页为准）这个文件，而这个文件呢，就是一个文本文件，是咱们能够轻松用记事本打开的。

2.可是为何咱们看到的百度，有图像，有颜色，有各式各样的内容呢？由于浏览器会从逐字去解析这个文件。

3.浏览器简单分析：

第一行是 ，这个是告诉浏览器以何种解析方式去解析这个文件，暂时能够略过。

第二行，哎呦 ，浏览器就会认识他，从这个标记开始的内容都是html内容。

第三行，原来你“肚子”里装的是这个啊，从之后的内容都是显示在浏览器上的内容。

第四行，麦子学院赞一个！  这一行就是纯文本信息了，浏览器不作特殊动做。

第五行，，哎呦，摸到你的肚脐眼了，嗯，“度量就这么小啊”。标明了主体内容的结束。

第六行，  浏览器读到这里，就知道html内容结束了。

麦子学院赞一个！

因此说，像html  body这些都是标签，标记了它后面的内容是什么！

而形如      <标签>这类呢就是开始标签，标记了内容的开始。

而  这类呢则是结束标签，因此在开始标签和结束标签之间的文本就是他所标记的内容了。

而还有一种标签就自闭合标签（单标签），img就是个最好的例子。

img是image的缩写，那么你们就应该知道这个标签是标记图像用的吧。

理所固然咱们应该这样使用：

图片

but,这样是错误的，由于你能把图片放记事本里吗？若是你能，请联系我，直播吃翔！（字符图像不算）

咱们能将图像放进记事本里的内容只有路径，好比：1.jpg

因此咱们要这样使用：img标签

哎呦，src是什么鬼啊？为何要这么写啊？

src呢其实就是属性，属性是什么？

人的耳朵数量=2

耳朵数量就是属性，用来描述人的。

so src这个属性就是描述im(a)g(e)的url的，喂喂！！url又是什么鬼？好吧，简单说，url就是网址，嗯，就是这样！

小小的总结大概就是这样了，html仍是比较简单的。不过有个小小的意见想说一下：老师在讲课的时候会把标签准备好，来告诉你们如何去使用。可是标签有不少啊（虽然经常使用的就那么点吧），可是老师水平高不表明学生水平高啊，因此应该教咱们如何查文档。

这里推荐一个网站：http://www.w3school.com.cn/

CSS总结：

CSS 指层叠样式表 (Cascading Style Sheets)解决了内容与表现分离的问题。

使用CSS样式的过程就像是咱们在word中选中一行文字，选择样式->标题1

使用css的三种方式：

内联样式表：使用标签属性style=”css属性:值;”   优先级高

内部样式表：在标签中使用

外部样式表：使用标签引入外部样式表，优先级低

覆盖：不一样优先级的样式定义了相同属性，优先级高的会覆盖优先级低的

合并：不一样优先级的样式定义了不一样属性，样式将合并

css语法：

selector{         /*选择器*/

property1:value; /*属性:值;*/

property2:value;

}

常见的选择器

标签选择器：直接使用标签名做为选择，例如p 就是选中全部的p标签

类选择器：  使用.(点)classname选择标签class属性为classname的标签

ID选择器：    使用#IDName选择标签ID属性为IDName的标签

选择器能够组合使用：

p #Test 将会选择p标签下ID为Test的标签

伪类选择器：

a:link{color:gray;}

a:visited{color:red;}

a:hover{color:green;}  //以上两个只能选择a标签，如下两个能够选择其余元素

a:active{color:orange;}

伪元素选择器：

p:first-letter 将选中p标签的第一个字符

p:first-line   将选中p标签的第一行

盒子模型：

咱们能够拿实际中的例子去理解盒子模型，在中秋节咱们老是要买些月饼礼盒去送给亲朋好友。

padding就是月饼距离礼盒的距离，padding越大装的月饼越少。

border则是礼盒的用料，有铁皮（老式月饼常见包装），有厚纸板的，border越大则礼盒边越厚。

margin则是礼盒与礼盒之间的距离，假设两盒月饼平放在地上，margin为0时两个盒子挨在一块儿，margin为10时，礼盒和礼盒之间有一些间距。

浮动

你把礼盒粘墙上不就浮动了？可是浮动后下面也会有空间能够放东西，那么俯视图来看就会覆盖一些，这时使用clear属性则能够清除浮动影响，说白了就是浮动的盒子下面被填充了空气，其余盒子不能放在那里了。