資源描述:
《傳智播客_韓順平_php從入門到精通_第一部分筆記》由會員上傳分享,免費在線閱讀,更多相關內容在教育資源-天天文庫。
1、PHP學習筆記(2014_03_22)目錄第10講div+css開山篇2第11講輕松搞定網(wǎng)頁設計之div+css4第12講通配符選擇器父子選擇器6第13講選擇器使用細節(jié)塊元素和行內元素盒子模型盒子模型經(jīng)典應用①9第14講:盒子模型經(jīng)典應用15第018講浮動(CSS核心內容—浮動)21總結:23第020講仿sohu首頁面可愛屋首頁面27第021講答學生問題28第022講可愛屋首頁面(瀏覽器兼容)評講28第023講動-態(tài)網(wǎng)頁技術介紹php基本介紹(PHP入門篇)29第024講php快速入門bs和cs介紹30第025講web服務器介紹apache服務器安裝33第026講apache服務器使用
2、及配置①啟動和停止端口配置34第027講apache目錄結構38第028講apache虛擬目錄39第029講apache虛擬主機web訪問時序圖41第030講作業(yè)點評提出apache和php整合的需求42第031、32講appserv套件安裝和自定義安裝45第033講安裝并配置discuz論壇50第034講解答學生問題:一個ip綁定多個域名52第035講php運行過程時序圖php書寫規(guī)范54第036講php基本語法介紹php數(shù)據(jù)類型介紹56第037講整型細節(jié)說明57第038、39講布爾、浮點數(shù)、字符串、算術、比較、邏輯運算符細節(jié)講解58第040講三元運算符類型運算符運算符優(yōu)先級62第0
3、41講順序控制分支控制(ififelseswitch)程序流程圖63第042講循環(huán)控制①(for)66第043講循環(huán)控制②(whiledowhile)打印金字塔案例67第044講打印金字塔案例評講布置練習題69第045講break語句continue語句常量70第046講函數(shù)基本概念函數(shù)快速入門72第047講函數(shù)使用函數(shù)調用初步理解73第048講函數(shù)調用深入理解函數(shù)使用注意事項①76第049講函數(shù)使用注意事項②函數(shù)作業(yè)布置78第050講函數(shù)再回顧自定義函數(shù)80第10講div+css開山篇?Div+css是什么?Div+css是一種目前不叫流行的網(wǎng)頁布局技術。Div來存放需要顯示的數(shù)據(jù)(
4、文字,圖表…),css用來指定怎樣顯示,從而做到數(shù)據(jù)和顯示相分離的效果。原理圖如下:Div元素用來為HTML文檔內大塊(block-level)的內容提供結構和背景的元素。Css(CascadingStyleSheets)層疊樣式表單,一種用來表現(xiàn)HTML或XML等文件式樣的計算機語言。簡單理解:div是用于存放內容(文字,圖片,元素)的容器;Css是用于指定放在div中的內容如何顯示,包括這些內容的位置和外觀??焖偃腴T(體驗案例):Demol.htmlMy.cssu網(wǎng)頁設計的三個歷史時期①table網(wǎng)頁設計:內容和樣式混合②table+css網(wǎng)頁設計:table布局,css指定外觀。
5、③div+css網(wǎng)頁設計:div放內容,css指定樣式(外觀和布局)。uDiv+css的優(yōu)勢1)符合W3C標準;2)搜索引擎更加友好;3)樣式的調整更加方便;4)代碼簡潔;5)表現(xiàn)和結構分離。第11講輕松搞定網(wǎng)頁設計之div+css?Css核心內容:標準流;盒子模型;浮動;定位?Css使用的必要性1:Css使用的基本語法選擇器{屬性1:屬性值;屬性2:屬性值;…}Demo2.html?Demo2.css?Css的必要性2:可以使用濾鏡uCss中常用的四種選擇器:1)類選擇器(class選擇器)。類選擇器名{屬性名:屬性值;。。。}2)Id選擇器3)Html元素選擇器4)通配符選擇器?選
6、擇器就是在css中創(chuàng)建,而在網(wǎng)頁(html.jsp.php,asp.net)頁面中使用.第12講通配符選擇器父子選擇器案例:我們希望所有的超鏈接(1)默認樣式是黑色,24px,沒有小劃線(2)當鼠標移動到超接連時,自動出現(xiàn)下劃線(3)當點擊后,超鏈接變成紅色。效果:Selector.htmlSelector.html?在做股票、期貨網(wǎng)站時,要清除緩存。u通配符選擇器:該選擇器可以用到所有的html元素,但其優(yōu)先級最低。*{屬性名:屬性值;……}?margin:auto
7、length如果提供全部四個參數(shù)值,將按上-右-下-左的順序(逆時針)作用于四邊。如果只提供一個,將用于全部的四邊。如
8、果提供兩個,第一個用于上-下,第二個用于左-右。如果提供三個,第一個用于上,第二個用于左-右,第三個用于下?四個選擇器優(yōu)先權Id選擇器>class選擇器>html選擇器>通配符選擇器u選擇器深入探討①父子選擇器如果希望強調上面案例中“非?!眱蓚€字,該如何處理?方案:a.id選擇器b.class選擇器c.父子選擇器選擇器的細節(jié)問題:1.父子選擇器的使用Selector.htmlSelector.css通過上面總結:①父子選擇器可以有多級,但是在實