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