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屬性則能夠清除浮動影響，說白了就是浮動的盒子下面被填充了空氣，其餘盒子不能放在那裏了。