2016年P(guān)HP知識總結(jié)(獨家整理)_第1頁
2016年P(guān)HP知識總結(jié)(獨家整理)_第2頁
2016年P(guān)HP知識總結(jié)(獨家整理)_第3頁
2016年P(guān)HP知識總結(jié)(獨家整理)_第4頁
2016年P(guān)HP知識總結(jié)(獨家整理)_第5頁
已閱讀5頁,還剩236頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領

文檔簡介

目錄

第一部分HTML和CSS3

DAY01Web基礎3

DAY02超鏈接表單10

DAY03框架集CSS17

DAY04選擇器浮動23

DAY05屬性相關(guān)27

DAY06定位30

第二部分PHP基礎31

DAY01PHP基礎31

DAY02PHP數(shù)據(jù)類型38

DAY03運算符43

DAY04;赧班制46

DAY05;耀控制50

DAY06循環(huán)53

DAY07文件上傳56

DAY08PHP中的函數(shù)60

DAY09變量的作用域62

第三部分MySQL數(shù)據(jù)庫64

DAY01數(shù)據(jù)庫基礎64

DAY02數(shù)據(jù)操作語言73

DAY03數(shù)據(jù)查詢語言78

DAY04數(shù)據(jù)的增刪改查83

第四部分PHP核心數(shù)據(jù)庫87

DAY01MySQL函數(shù)庫87

DAY02通過PHP程序?qū)懭隡ysql數(shù)據(jù)庫89

DAY03分頁與會話凝95

DAY04GD庫100

DAY05圖片的拷貝104

DAY06文件操作函數(shù)正則表達式110

PHP核心數(shù)據(jù)庫總結(jié)117

第五部分面向?qū)ο缶幊蘋OP125

DAY01類的封裝125

DAY02繼承129

DAY03靜態(tài)類135

DAY04類的自動加載138

DAY05抽象類接口142

DAY06PDO類146

OOP總結(jié)149

第六部分JAVASCRIPT152

DAY01Js基礎153

DAY02事件163

DAY03節(jié)點對象表單操作170

第七部分jQuery175

DAY01jQuery基礎175

DAY02事件操作186

DAY03AJAX和XML191

DAY04文本編輯器和圖片放大鏡193

第八部分項目一:企業(yè)平臺195

DAY01195

第九部分MySQL高級199

DAY01-03MySQL高級和優(yōu)化200

DAY03緩存cache207

DAY04memcache209

DAY05SESSION215

DAY06MVC217

DAY07Smarty219

附錄1:Sublime編輯器226

Sublime編輯器:226

附錄2:常用函數(shù)總結(jié)231

字符串函數(shù):231

數(shù)學函數(shù)234

數(shù)組函數(shù)234

附錄3:面試題解析237

2015-04-23237

2015-04-29237

2015-04-30239

第一部分HTML和CSS

DAY01Web基礎

1.XHTML

HTML[HyperTextMarkupLanguage]:超文本標記語言:HTML1.0;HTML4.0

XHTML[eXtensibileHyperTextMarkupLanguage]:擴展超文本標記語言:XHTML1.0

HTML5&CSS3

2.標記分類

1》單標記

v標記名稱/>

2》雙標記

V標記名稱》內(nèi)容v/標記名稱》

注意:

標記名稱一定要小些

標記一定順序嵌套

行內(nèi)元素:在一行顯示,span

塊元素:自己占一行,默認占父元素的100%,div

3.屬性(對象的特征描述)

v標記名稱屬性名稱="值"屬性名稱="值"

v標記名稱屬性名稱="值內(nèi)容v/標記名稱,

注意:

A、屬性不是必須的

B、屬性不區(qū)分先后順序

C、屬性值一定寫在引號之間

D、多個屬性以空格劃分

E、屬性名稱和值都要是小寫如:vhrcolor="red”width='l20px"/>

4.XHTML語法結(jié)構(gòu)

<!DOCTYPEDTD>

<htmlxmlns="/1999/xhtml">

<head>

<metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"/>

<title>lnserttitlehere</title>

</head>

<body>

網(wǎng)頁主體

</body>

</html>

DTD[DocumentTypeDefination]:文檔類型定義

告訴我們文檔的根元素是誰,html是文檔的根元素,根元素可以有哪些

子元素,子元素又可以有哪些屬性

Strict(嚴格)

<(DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN"

"/TR/xhtml1/DTD/xhtml1-strict.dtd">

Transitional過渡)

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"

"/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Frameset(框架集)

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Frameset//EN"

"/TR/xhtml1/DTD/xhtml1-frameset.dtd">

html:雙標記,整個文檔的根元素

xmlns:命名空間,解決命名的沖突的

head:頭部標記

title:網(wǎng)頁標題

<metahttp-equiv='content-type'content='text/html;charset=utf-87>:

告訴瀏覽器以什么編碼方式解析什么類型的文檔

注意:所有的編碼方式統(tǒng)一UTF-8

body:網(wǎng)頁主體,所寫任何內(nèi)容要寫在body中

Web頁面的擴展名.html或者.htm

5.W3C標準

http:〃導入、手寫、粘貼進行檢查

6.文本標記

加粗:vb>內(nèi)容v/b>vstrong>內(nèi)容v/strong>

傾斜:vi>內(nèi)容v/i>vem>內(nèi)容v/em>

下劃線:vu>內(nèi)容v/u>vins>內(nèi)容v/ins>

刪除線:vs>內(nèi)容v/s>vstrike>內(nèi)容v/strike>vdel>內(nèi)容v/del>

上標:vsup>內(nèi)容v/sup>

下標:vsub>內(nèi)容v/sub>

代碼:vcode>內(nèi)容v/code>

字體:vfontcolor="顏色值"size="1~7"face='字體形態(tài)'>內(nèi)容v/font>

行內(nèi)元素:vspan>內(nèi)容v/span>

塊元素:vdiv>內(nèi)容v/div>

注意:塊元素默認占父元素的100%,自己占一行,配合CSS來使用

7.換行和段落

換行:<br/>

段落:<palign=*1eft|center|rightH>§</p>

8.HTMLEntities(HTML實體)

大于號〉:>

小于號v:<

單引號':'(IE6不支持)'

雙引號”:"

連接符&:&

不間斷的空格: 

版權(quán):©

注冊商標:®

9.標題

<h1align="left|center|right">內(nèi)容v/h1>

vh2>內(nèi)容v/h2>

vh3>內(nèi)容v/h3>

vh4>內(nèi)容v/h4>

vh5:=?內(nèi)容v/h5>

vh6>內(nèi)容v/h6>

10.水平線

<hrcolor="顏色"width="寬度"size="高度"align="center|left|right"/>

11.HTML中注釋:v!—注釋內(nèi)容…一〉

CSS中注釋:/*注釋內(nèi)容*/

頁面顯示效果看不到,在源代碼中可以看到

12.圖片

<imgsrc="目標文檔的URL"alt="提示文本(注釋)"title*'"/>

提示文本的輸入格式及title用法

必有屬性:

src="目標文檔的URL"

alt="提示文本"(如:正在加載中)

注意:當alt值不為空的時候,通過title公共屬性來代替

可選屬性:

width:寬度

height:高度

border:邊框

jpg|jpeg,gif,png

13.路徑

絕對路徑:標準URL形式

http:///image/pic/item/b03533fa828ba61e2e4dd5554234970a304e

592c.jpg

相對路徑:從當前文檔出發(fā)

./:當前目錄

上級目錄,/./上上級目錄

根相對路徑:以/開始的路徑(php所對應服務器根目錄)

14.公共屬性(除了html,link,base,head)

id:

class:

style:

title:注釋,提示文本

15.列表

無序列表

<ultype=Hdisc|circle|square|nonen>

vli>內(nèi)容v/li>

vli>內(nèi)容v/li>

</ul>

有序列表

<oltype#|a|A|i|l"start='起始點'>

vlitype=">內(nèi)容v/li>

vli>內(nèi)容v/li>

vli>內(nèi)容v/li>

</ol>

定義列表

<dl>

vdt>下定義的對象v/dt>

vdd>定義v/dd>

vdd>定義v/dd>

vdd>定義v/dd>

vdt>下定義的對象v/dt>

vdd>定義v/dd>

vdd>定義v/dd>

vdd>定義v/dd>

</dl>

作業(yè):做一個人員統(tǒng)計表

3行3列的表格表頭=人員統(tǒng)計

15.表格

<tableborder』邊框'bordercolor=勉框的顏色,width='數(shù)值|百分比'bgcolor」顏色,

background:'背景圖像'cellpadding='內(nèi)邊距'ceHspacing='夕:邊距、

vcaption>表頭v/caption>

<tr>

<th|tdrowspan='合并行">內(nèi)容v/th|td>

<th|tdcolspan='合并列、內(nèi)容v/th|td>

vth|td>內(nèi)容v/th|td>

</tr>

</table>

table的屬性:

align='left|center|right'

border='邊框'

bordercolor='邊框顏色’

width』寬度'

height」高度,

bgcolor』背景顏色’

background:'背景圖像,目標文檔的URL'

cellpadding='內(nèi)邊距,內(nèi)容到邊框的距離,

cellspacing上外邊距,單元格到單元格的距離'

tr/td/th屬性:

rowspan』合并行’注:選擇要合并的行數(shù),然后刪去被合并的單元格即可

colspan='合并列’

valign='top|middel|bottom'

16.ZendStudio常用快捷鍵

Ctrl+D:刪除當前行

Ctrl+Z:撤銷操作

Ctrl+Y:Ctrl+Z的逆過程

DAY02超鏈接表單

1.超鏈接

1》可以通過鏈接實現(xiàn)頁面跳轉(zhuǎn)

2》<ahref='目標文檔的URL,target='窗口的展現(xiàn)形式'>鏈接元素v/a>

3》文本、圖片都可以作為鏈接元素

4》target='窗口的形式'

_self:默認值,在當前窗口中打開

_blank:新窗口中打開

在指定的框架集的窗口中打開

_top:在頂層窗口打開

_parent:在父窗口打開

',',

或者鏈接頁name=main"設target="main,在主窗口打開

作業(yè):frameset框架集中鏈接顯示在主主窗口

5》href的形式

鏈接到網(wǎng)頁或者是瀏覽器支持的格式

網(wǎng)頁:

靜態(tài)網(wǎng)頁:.html.htm

動態(tài)網(wǎng)頁:和數(shù)據(jù)庫有交互.php

瀏覽器支持的格式:

.jpg.jpeg.png.gif

鏈接到下載資源:

可以通過專門的壓縮工具或者可以通過程序?qū)崿F(xiàn)壓縮

直接寫壓縮之后的文件名稱

發(fā)送郵件:

<ahref='mailto:郵箱地址'>內(nèi)容v/a>

錨點:

A、創(chuàng)建錨點:vaname='名稱'>v/a>

B、使用錨點:

錨點和鏈接在同一文檔下:vahref』#錨點名稱'>內(nèi)容v/a>

如果鏈接和錨點不在同一文檔下:

<ahref='目標文檔的URL#錨點名稱'>內(nèi)容v/a>

通過id在標記上定義一個唯一名稱,#id名稱即可找到

核心屬性:

id:唯一標識符

class

style

title

空鏈接

<ahref=">內(nèi)容v/a>

<ahref='#'>內(nèi)容v/a>

點擊鏈接原地不動

<ahref='javascript:void(0)'>內(nèi)容v/a>

鏈接到Js代碼

彈出框alert()

<ahref—javascript:alert("內(nèi)容");alert("內(nèi)容")內(nèi)容v/a>

<ahref="javascript:alert('內(nèi)容')">內(nèi)容v/a>

彈出警示對話框confirm()

<ahref='javascript:confirm("rt容")'>內(nèi)容v/a>

彈出輸入框prompt()

<ahref='javascriptprompt("內(nèi)容")’>內(nèi)容v/a>

2.表單

1》表單的作用:收集客戶端信息,發(fā)送到服務器端

2》表單的標記

<formaction='目標文檔的URL'method='get|post'>

</form>

enctype='x-www-application-urlencode默認值

enctype='multipart/form-data'上傳文件必須為此

method='get|post'

get:數(shù)據(jù)附著在地址欄之后

post:數(shù)據(jù)附著在HTTP的頭信息中

action:'目標文檔的URL'

3》表單中的控件

單行文本框:text

<inputtype='text'name='有意義的名稱'value=^t認值'maxlength='最大字符數(shù)7>

可以通過placeholder代替value

密碼框:password

<inputtype="password'name='名稱‘placeholder'值'maxlength上最大長度'/>

單選框:radio

<inputtype='radio'name='名稱'value='提交值'checked='checked'/>

注意:-組類型的單選框名稱相同

復選框:checkbox

<inputtype='checkbox'name='名稱口'value='提交值'checked='checked'/>

注意:

一組類型的復選框命名成數(shù)組形式

數(shù)組:

名稱口

名稱[數(shù)字]

名稱[字符]

瀏覽框:file

<inputtype='file'name='名稱'/>

注意:

如果表單有瀏覽框控件

method=,post,

enctype=,multipart/form-data'

告訴表單在發(fā)送數(shù)據(jù)之前如何對數(shù)據(jù)編碼

<formaction='目標文檔的URL'method=,post'enctype='multipart/form-data'>

多行文本框:textarea

<textareaname='名稱'rows='行高'cols='列寬'placeholder'默認值,

readonly=,readonly'x/textarea>

readonly=YeadoW代表只讀

下拉框

單選下拉框

<selectname='名稱'>

<optionvalue='提交值,selected='selected'>內(nèi)容v/option>

<optionvalue='提交值'>內(nèi)容v/option>

<optionvalue='提交值'>內(nèi)容v/option>

</select>

分組

<selectname』名稱、

<optgrouplabH='分組名稱

<optionvalue='<,>xx</option>

</optgroup>

<optgrouplabH='分組名稱

<optionvalue='<,>xx</option>

</optgroup>

<optionvalue=,(^L,>xxx</option>

</select>

多選下拉框

<selectname='名稱口'multiple='multiple'size='長度'>

<optgrouplabel='分組名稱、

<optionvalue='提交值'>xxxv/option>

</optgroup>

</select>

multiple='multip?代表多選

名稱要命名成數(shù)組形式

隱藏域:hidden

<inputtype='hidden'name='名稱'value士值'disabled='disabled'/>

按鈕:

提交按鈕

<inputtype='submit'name='名稱'value』值'disabled=,disabled7>

圖片當做提交按鈕

<inputtype='image'src='目標文檔的URL*disabled='disabled7>

重置按鈕

<inputtype="reset'name='名稱'value='值'disabled='disabled'/>

自定義按鈕

<inputtype='button*name='名稱'value='值'disabled='disabled'/>

通過js控制自定義按鈕的行為

disabled='disabled'代表禁用

HTML5新增:

datetime:1I期+時間

datetime-local:本地日期時間

time:時間

month:月份

week:一年的內(nèi)第多少周

email:檢測郵箱的合法性

url:檢測URL的合法性

number:檢測數(shù)字的合法性

search:搜索

range:范圍

tel:電話

color:顏色

min:最小值

max:最大值

step:步長

required='required'必須的

autofocus:自動獲得焦點

autocomplete:自動填寫功能

DAY03框架集CSS

1.框架集

1》框架集的語法結(jié)構(gòu)

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Frameset//EN,t

"/TR/xhtml1/DTD/xhtml1-frameset.dtd">

<htmlxmlns='/1999/xhtml'>

<head>

vtitle>網(wǎng)頁標題v/title>

<metahttp-equiv='content-type,content=,text/html;charset=utf-87>

</head>

<framesetrows=100,**frameborder='yes(默認值)|no'border='邊框大小'>

<framesrc='目標文檔的URL*noresize='noresize,

scrolling=,yes|no|auto(默認值)'/>

<framesetcols='150,*'>

<framesrc='目標文檔的URL7>

<framesrc='目標文檔的URL7>

</framset>

</frameset>

<noframes>

<body>

<h1>Sorry您的瀏覽器不支持框架集v/h1>

</body>

</noframes>

</html>

2.iframe嵌套網(wǎng)頁

<iframesrc='目標文檔的URL,x/iframe>

3.音頻

<audiosrc='目標文檔的URL'controlsautoplayloopmuted>

<sourcesrc='資源的地址'type='MIME類型7>

</audio>

controls:控制面板

autoplay:自動播放

loop:循環(huán)播放

muted:靜音輸出

4視頻

<videosrc='目標文檔的URL'controlsautoplayloopmutedposted='圖片地址'width='寬

度'height』高度'>

<sourcesrc='資源的地址'type='video/mp4'/>

</video>

5.meta

設置編碼

<metahttp-equiv='content-type'content='text/html;charset=utf-87>

告訴瀏覽器以什么編碼方式解析什么類型的文檔

實現(xiàn)刷新

<metahttp-equiv="refresh'content='秒數(shù)'/>

實現(xiàn)重定向

<metahttp-equiv='refresh'content='秒數(shù);ud=目標文檔的URL7>

關(guān)鍵字

<metaname="keywords'content:'關(guān)鍵詞,關(guān)鍵詞,…'/>

描述

<metaname='description'content='描述的內(nèi)容'/>

作者

<metaname='author'content='king'/>

6.CSS

1》CSS的作用:修飾頁面

2》CSS[CascadingStyleSheet]:層疊樣式表

3》CSS的使用方式

書寫于標記內(nèi)部style

通過vstyle>標記書寫于head標記中

通過@import目標文檔的URL

通過link鏈接外部樣式表

CSS文件的擴展名為.css

<linkhref='目標文檔的URL'type='text/css'rel='stylesheet'media='ALL'charset="utf-8'/>

書寫于head中

4》CSS的語法結(jié)構(gòu)

選擇器{

樣式;

樣式;

樣式;

)

樣式=屬性名稱:屬性值;

h1(

color:red;

)

5》選擇器

統(tǒng)配選擇器:*

自動匹配文檔中的所有元素

*{

樣式;

)

標記選擇器:tag

tag(

樣式;

)

ID選擇器:

#id名稱{

樣式;

)

CSS會用到id

js/Jquery會用到id

類選擇器:

?類名稱{

樣式;

)

標記名稱.類名稱:標記具有class這個類名稱的元素才會有這個樣式

類選擇器支持詞匯列表的形式class='name1name2

群組選擇器:

選擇器,選擇器,…{

樣式;

)

縮寫的形式

后代選擇器:

選擇器1選擇器2{

樣式;

)

選擇器1和選擇器2至少為父子關(guān)系

對選擇器2有樣式

子代選擇器:

選擇器1>選擇器2{

樣式;

)

選擇器1和選擇器2只能為父子關(guān)系

兄弟選擇器:

選擇器1+選擇器2{

樣式;

)

注意:對緊隨選擇器1之后的這個兄弟起作用

偽類選擇器:

:link->設置鏈接未被訪問時的樣式

:visited->設置鏈接訪問過的樣式

:hover->設置鼠標懸浮于元素上方的時候添加的樣式

:active-〉元素被激活時的樣式

:link{

樣式;

)

選擇器:link{

樣式;

)

link和visited給一個樣式

hover和active給一個樣式

注:必須遵循LVHA原則

:focus->具有輸入域的元素獲得焦點的時候的樣式

:first-child->向元素的第一個子元素添加樣式

看看是不是父親的第一個孩子,如果是的話會有效果

:first-letter->向元素的一個字母添加樣式

:first-line->向元素的第一行添加樣式

公共屬性:

id:唯一標識,名稱不能重復

class:一類的

style:樣式

title:

4》常用樣式

修飾字體:

color:red;

顏色值:預定義的顏色名稱

卜六進制的顏色值

rgb(x1,x2,x3)x的值為0-255

rgb(%x1,$x2,$x3)0-100%

rgba(x,x,x,0~1)設置透明顏色CSS3新增

font-size:修飾字體大小20px

font-weight:bold;使字體加粗

font-family:修改字體形態(tài)

font-family:呦圓","微軟雅黑","newNork"

text-decoration:none|underline(下劃線)|overline(上戈ij線)|line-through(冊ji

除線)

可以結(jié)合起來使用

5》CSS中的注釋:/*注釋內(nèi)容*/

DAY04選擇器浮動

1.選擇器

1》偽元素

:before-〉在當前元素的內(nèi)容之前添加內(nèi)容

:after-〉在當前元素的內(nèi)容之后添加內(nèi)容

選擇器:before{

content:'內(nèi)容

選擇器:after{

content:url(目標文檔的URL);

)

2》屬性選擇器

[attr=value]{

樣式;

)

包含這個值

[attr*=value]{

樣式;

)

以值開始

[attrA=value]{

樣式;

)

以值結(jié)束

[attr$=value]{

)

3》UI元素選擇器

:disabled-〉元素禁用狀態(tài)時的樣式

:enable->元素啟用時的狀態(tài)

:checked-〉選中時的樣式

::selection-'選中文字時的樣式

2.選擇器的優(yōu)先級問題

1》使用CSS的時候

書寫于標記內(nèi)部〉內(nèi)部樣式,外部樣式

注意:如果內(nèi)部樣式和外部樣式?jīng)_突的話需要根據(jù)他們兩個的書寫順序

2》選擇器的優(yōu)先級

每個選擇器都有權(quán)值,權(quán)值越大,越先執(zhí)行

書寫于標記內(nèi)部->1000,1,0,0,0

ID選擇器->100

類選擇器->10

標記選擇器->1

偽元素->1

偽類->10

[important代表很重要,不能被覆蓋優(yōu)先級最高

3》邊框樣式

border:1pxsolidred;

border-width:設置寬度

border-style:邊框的樣式

none:沒有邊框,默認值

solid:實線

dotted:點

dashed:虛線

double:雙線

border-color:設置顏色

設置每一個邊框的樣式

border-top:widthstylecolor;

border-top-width:1px;

border-top-style:solid;

border-top-color:red;

border-bottom:底部邊框

border-left:

border-right:

4》輪廓樣式

outline:widthstylecolor

outline-width:輪廓的寬度

outline-style:

outline-color:

5》布局屬性

vspan>v/span>:行內(nèi)元素,行內(nèi)元素不能直接設置寬和高

<divx/div>:塊元素

width:寬度

height:高度

margin:外邊距

margin:value;上下左右

marginzvaluevalue;上下左右

marginrvaluevaluevalue;±左右下

marginrvaluevaluevaluevalue;±右下?左

margin-top:

margin-bottom:

margin-left:

margin-right:

注意:垂直外邊距重合的時候顯示的是大的

可以寫負值

調(diào)節(jié)盒子到盒子的距離

行內(nèi)可以調(diào)節(jié)外邊距

外邊距重合的時候,顯示的是外邊距的和

padding:內(nèi)邊星巨

padding:value;

paddingrvaluevalue;

padding:valuevaluevalue;

paddingrvaluevaluevaluevalue;

padding-top:

padding-bottom:

padding-left:

padding-right:

注意:內(nèi)邊距不可以寫負值和auto

6》浮動

float實現(xiàn)浮動:

float:left|right

當沒有設置塊元素的寬和高的時候,

如果讓他浮動,會盡量收縮到包含內(nèi)容為止

碰到包含框或者包含框的內(nèi)外邊距就結(jié)束,如果放不下的時候會把它擠下去

浮動只能是水平方向left或者right

clear:清除浮動

clear:left|right|both

浮動元素造成的影響:

會對下級元素造成影響,clear=both,即可清除對下級元素的影響

如果包含框中的子元素都浮動的話,父元素的還沒有設置高度,

這時候父元素的高度會被清空為0

只用對父元素應用樣式class='clear'

overflow:hidden|auto,就可以解決父元素高度清空為0的情況

如果對行內(nèi)元素做浮動,可以設置行內(nèi)元素的寬度和高度

DAY05屬性相關(guān)

1.display:如何顯示元素

display:none隱藏

block塊元素

inline行內(nèi)元素

inline-block:以塊的形式顯示為行內(nèi)元素,可以設定寬和高

visibility:visible(顯示)|hidden(隱藏)

display隱藏的元素不保留原來文檔的文檔流中的位置

visibility隱藏的元素保留文檔流中的位置

overflow:元素超出部分如何處理

visible(默認值,撐破盒子)

hidden(超出部分隱藏)

auto(根據(jù)內(nèi)容是否放的下自動添加滾動條)

scroll(帶有滾動條)

overflow-x:

overflow-y:

2.文本相關(guān)屬性

1》white-space:

normal:默認值,自動換行

nowrap:強制在同一行內(nèi)顯示所有文本

2》text-overflow:clip,不顯示

ellipsis:顯示…省略標記

3》word-wrap:設置單詞是否折行

normal:撐破邊界

break-word:拆開單詞

4》word-spacing:調(diào)節(jié)字之間的間隔

5》letter-spacing:調(diào)節(jié)字母之間的間隔

6》text-indent:文本縮進

可以是正數(shù),也可以是負數(shù)

7》text-align:設置文本的對其方式

Ieft|center|right

3.字體相關(guān)

1》color:設置字體顏色

2》font-size:字體大小

3》font-weight:normal(默認值)|bold(加粗700)

100~900

4》font-style:設置字體是否傾斜

normal(默認值)

italic(傾斜)

5》font-variant:顯示小型的大寫字體

normal(默認值)

small-caps(小型的大寫字體)

6》line-height:行高,25px/1.5

高度和行高一致即可

7》font-family:設置字體形態(tài)

font:

[font-style][font-variant][font-weight]字體大小[/line-height]字體形態(tài)

font:italicsmall-capsbold20px/40pxArial;

font:20pxArial;

8》text-transform

capitalize:將每個單詞的第一個字母轉(zhuǎn)換成大寫,其余無轉(zhuǎn)換發(fā)生

uppercase:轉(zhuǎn)換成大寫

lowercase:轉(zhuǎn)換成小寫

9》陰影的效果

text-shadow:xy模糊顏色

4.背景圖像

background:colorimagerepeatattachmentposition;

background-colo匚背景顏色

background-image:url(目標文檔的URL);

background-repeat:repeatno-repeatrepeat-xrepeat-y

background-attachement:scrollfixed

background-position:背景圖像的位置

水平方向leftcenterright

垂直方向topcenterbottom

left=leftcenter

DAY06定位

1.列表樣式

list-style:typeimageposition

list-style-type:

list-style-image:

list-style-position:

2.透明度

opacity:0-1

filter:alpha(opacity=0?100);針對于IE瀏覽器

3.定位

positionstatic(默認值,靜態(tài)的)

fixed(固定定位)湘對于瀏覽器的窗口

absolute(絕對定位):

當祖先元素有相對定位的時候,這時候如果設置絕對定位是相對于祖先元素的位置來定位

如果祖先沒有定位,則相對于瀏覽器窗口定位

relative(相對定位):相對于文檔流中自身的位置來定位

top:

bottom:

left:

right:

通過z-index:調(diào)節(jié)層的顯示順序,只能對于定位元素可以設置

可以正可以負默認是0

z-index的值越大越先顯示

第二部分PHP基礎

DAY01PHP基礎

1.PHP

PHP[HyperTextPreprocessor]:超文本預處理器

LAMP:Linux+Apache(Web4艮務器)+MySQL(數(shù)據(jù)庫)+PHP

2.搭建環(huán)境

WAMP:Windows+Apache+MySQL+PHP

1》安裝Apache服務器

conf目錄:apache配置文件所在目錄,httpd.conf是Apache的配置文件

配置文件中需要注意的:

a.Listen80,默認端口

b.DocumentRootHF:/phpdev/apache2.2/htdocsM,

Apache的默認主目錄

c.Directory"F:/phpdev/apache2.2/htdocs/劉覽目錄

d.Directoryindexindex.html,默認主頁

2》訪問Apache服務器

http://localhost

http7/

3》修改Apache的默認主目錄

修改Apache的配置文件httpd.conf

DocumentRoot"F:/phpdev/apache2.2/htdocs",

Apache的默認主目錄

Directory"F:/phpdev/apache2.2/htdocs,瀏覽目錄

重啟服務器即可生效

4》Apache的工作原理

5》安裝PHP

解壓安裝包,找到安裝目錄下的php.ini-development文件,

將其重命名成php.ini,作為PHP的配置文件

6》將apache和PHP綁定到一起

配置apache的配置文件,httpd.conf

#加載PHP5模塊

LoadModulephp5_module"F:\phpdev\php5.4\php5apache2_2.dll"

#加載PHP的配置文件的位置

PHPIniDirF:\phpdev\php5.4

#告訴apache服務器什么樣類型的文件交給PHP引擎來處理

AddTypeapplication/x-httpd-php.php

學生機的主目錄:/home/www

3.PHP基礎

1》PHP文件擴展名.php

2》PHP的語法結(jié)構(gòu)

a.標準風格,XML風格(開發(fā)中推薦使用的風格)

<?php

代碼段;

?>

注意:PHP的書寫規(guī)范

每一句代碼以英文的分號結(jié)束

如果文檔中不只有PHP代碼,開始和結(jié)束標記一定要成對出現(xiàn)

可以在任何位置,出現(xiàn)多少次都可以

b.短風格

<?

代碼段;

?>

注意:使用短風格需要配置PHP的配置文件php.ini,short_open_tag=On,

之后重啟服務器即可

c.ASP風格

<%

代碼段;

%>

需要開啟asp_tags=On,重啟服務器

d.長風格

<scriptlanguage='php'>

代碼段;

</script>

4.常用內(nèi)容

a.echo語句結(jié)構(gòu)

echo輸出一個或者多個字符串

echo1;

echo1.2;

echo'thisisatest';

b.解決中文亂碼

header("content-type:text/html;charset=utf-8");

header寫在任何輸出之前

5.PHP文檔組成

PHP代碼

HTML/CSS

Js/Jquery

6.PHP中的錯誤

a.Parseerror(解析錯誤):syntaxerror(語法錯誤),

unexpected'<'inF:\test\psd1501\php\day01\demo\test_3.php

online5

b.Notice(注意):Undefinedvariable:sdkljflksdjflin

F:\test\psd1501\php\day01\demo\variable_10.phponline36

配置PHP的配置文件php.ini

搜索error_reporting=E_ALL&-E_NOTICE

重啟服務器

7.變量

a.變量在程序執(zhí)行期間可以變化的量,保存數(shù)據(jù)

b.聲明變量

$變量名稱;

聲明變量的同時賦值

$變量名稱=值;

一次聲明多個變量賦相同的初始值

$變量名稱=$變量名稱…=值;

注意:

變量名稱一定以字母或者下劃線開始,后面可以跟上數(shù)字字母和下劃線

不要包含特殊字符,*?/

變量名稱最好含義明確

變量名稱最好遵循駝峰標記法和下劃線法

駝峰標記法:

大駝峰:$UserName,$FirstName

小駝峰:$userName,$firstName

下劃線法:

$_username

變量名稱區(qū)分大小寫

$a

$A

php是弱類型語言,變量可以不聲明直接使用

如果變量名稱重復,后面的值會覆蓋之前的值

c.可變變量

等量代換的原則

8.PHP中的注釋

給當前行添加注釋或者取消注釋

Ctrl+/或者是Ctrl+Shift+c

〃單行注釋-C++風格

#單行注釋-Shell風格

多行注釋

/*

注釋內(nèi)容

*/

9.PHP中的數(shù)據(jù)類型

一共支持8種主要數(shù)據(jù)類型和4種偽類型

a.標量類型(只能存儲單一數(shù)據(jù)scalartype)

整型(int|integer):卜進制的數(shù)字、八進制、卜六進制,就是

整數(shù),可以是正整數(shù)和負整數(shù)

帶符號-21億~21億

無符號:0?42億

超出整型會產(chǎn)生溢出的現(xiàn)象

浮點型(float|double|real):小數(shù)或者是科學計數(shù)法

的寫法帶有e或者E

2e3=2x10的三次方

2E-3=2x10的負三次方

不要比較浮點數(shù)的大小,涉及到精度

布爾類型(bool|boolean):真和假,true或者TRUE,flase或者FALSE

字符串型(string):

定界符

單引號和雙引號的區(qū)別:

1》單引號不解析變量,雙引號解析變量

2》單引號的執(zhí)行速度快

3》單引號直解析\'和\\,而雙引號解析所有的轉(zhuǎn)義符

當定界符中的內(nèi)容和定界符沖突的時候,這時候就需要使用轉(zhuǎn)義符

\$->$

\\->\

源代碼中有效果

\n->換行

\r->回車

\t->水平制表符,相當于tab

大文本或者大量字符串的時候

hereDoc->"(相當于雙引號,這個HEREDOC不用寫)

VVV名稱

內(nèi)容

名稱;

注意:結(jié)束名稱之前不能有任何輸出

nowDoc->*

vvv,名稱,

內(nèi)容

名稱;

{}的作用:

把變量當做一個整體

$username

{$username}

${username}

對字符串中的指定字符做增刪改查

根據(jù)下標找到對應的字符,一次只能添加跟新或者查找或刪除一個字符

字符串的下標是從0開始

b.復合類型:數(shù)組對象

c.特殊類型:資源空(NULL){

未聲明的變量;

聲明變量的同時賺值為NULL;

經(jīng)過unset。注銷過的變量;

)

d.4種為類型:number數(shù)值

mixed混合型

callback回調(diào)函數(shù)

void沒有返回值

10.常用函數(shù)

var_dump($var,$var...):打印變量的詳細信息

DAY02PHP數(shù)據(jù)類型

1.PHP中支持的數(shù)據(jù)類型

a.8種主要數(shù)據(jù)類型

標量類型(ScalarType)

整型

浮點

布爾

字符串

復合類型

數(shù)組(array)

對象(object)

特殊類型

資源(resource)

空NULL:

未聲明的變量

聲明變量的同時賦值為NULL|null

經(jīng)過unset注銷過的變量

b.4種偽類型

number:數(shù)值

mixed:混合的

callback:回調(diào)函數(shù)

void:沒有返回值

2.常量

系統(tǒng)常量:

PHP_VERSION:PHP的版本

PHPJDS:操作系統(tǒng)

常量一經(jīng)定義,在程序執(zhí)行期間不能改變,保存值

1》定義常量

define($name,$value):定義常量

如果希望常量名稱不區(qū)分大小寫,可以在定義的時候給參數(shù)

define($name,$value[,$flag=false]):

define('TESr,'thisisatest',true):不區(qū)分大小寫

注意:

常量名稱一般使用大寫

常量的值只能為標量類型

constname=值;

2》使用常量

直接寫常量名稱即可

constant($name):得到指定常量名稱的值,如果存在則返回常量的值

返回NULL

3》檢測常量名稱是否被定義

defined($name):檢測常量名稱是否存在,如果存在返回的TRUE,不存在

返回的是FALSE

4》魔術(shù)常量

LINE:得到當前的行號

_FILE_:得到當前腳本絕對路徑包含文件名稱

_DIR_:得到當前文件所在的絕對路徑

_FUNCTION_:得到當前的函數(shù)名稱

_CLASS_:得到當前的類名

_METHOD_:得到當前的方法名稱

_TRAIT_:得至U當前TRAIT名稱

_NAMESPACE_:得到當前命名空間的名稱

5》get_defined_constants():返回當前所有可用常量,

返回的數(shù)組,包含系統(tǒng)常量和自定義常量

print_r()打印數(shù)組

3.預定義變量

$_GET:HTTP的GET變量,接收以?形式傳參的值

$_POST:HTTP的POST變量,接收表單以post形式發(fā)送數(shù)據(jù)的值

接收的原則:根據(jù)名稱找到對應的值

$_REQUEST:$_GET+$_POST+$_COOKIE

$_ENV:環(huán)境變量

$_SERVER:服務器變量

$_COOKIE:HTTPCOOKIE

$_SESSION:會話變量

$_FILES:文件上傳變量

$GLOBALS:超全局變量,包含以上所有的值

4.PHP類型轉(zhuǎn)換

1》自動轉(zhuǎn)換(隱式轉(zhuǎn)換)

其他類型轉(zhuǎn)換成數(shù)值型:

true->1

false->0

null->0

'3king'->3

'true'->0

其他類型轉(zhuǎn)換成字符串型

數(shù)字。數(shù)值本身

true->1

false-,空字符串

null-〉空字符串

數(shù)組->Array

對象不能直接轉(zhuǎn)換成字符串,可以通過魔術(shù)方法」oString。

資源->Resourceid#數(shù)字

其他類型轉(zhuǎn)換成布爾類型

找出轉(zhuǎn)換布爾類型假的有

0->false

0.0->false

"或者""或者是‘O'或者"0"->false

null|NULL->false

array??諗?shù)組->false

2》強制轉(zhuǎn)換(顯示轉(zhuǎn)換)

a.臨時轉(zhuǎn)換

整型:(int)|(integer)

浮點類型:(float)|(double)|(real)

布爾類型:(bool)|(boolean)

字符串類型:(string)

空:(unset)

數(shù)組:(array)

對象:(object)

通過函數(shù)的形式

intval($var):返回轉(zhuǎn)換整型之后的值

floatval($var)|doubleval($var):返回轉(zhuǎn)換成浮點類型之后的值

boolval($var):轉(zhuǎn)換成布爾類型,要求PHP版本大于5.5.0

strval($var):轉(zhuǎn)換成字符串型

b.永久轉(zhuǎn)換

settype($var,$type):將變量設置成什么類型,設置成功返回為true

失敗返回為假

gettype($var):得到變量的類型,返回的變量的類型,返回的是字符串

$var=123;

type的可能值為:

"boolean"(或為"bool",從PHP4.2.0起)

"integer"(或為“int",從PHP4.2.0起)

"float"(只在PHP4.2.0之后可以使用,對于舊版本中使用的“double”現(xiàn)已停用)

"string"

"array"

"object"

“null"(從PHP4.2.0起)

變量函數(shù)庫來檢測變量的類型

is_*

is_int($var)|is_integer($var)|is_long($var):檢測變量是否為整型

is_float($var)|is_double($var)|is_real($var):

is_string($var):

is_bool($var):

is_scalar($var):檢測是否為標量類型

is_array($var):

is_object($var):

is_resource($var):

is_null($var):

is_numeric($var):檢測是否為數(shù)值型或者是字符串形式的數(shù)值

$var=123;

$var=12.3;

$var='123';

$var='3.3';

$var='3king';

DAY03運算符

1.運算符

1》算術(shù)運算符

+-*/%

+H

遞增遞減運算符

前綴形式:先加減1,在執(zhí)行

后綴形式:先執(zhí)行,在加減1

$var=1;

++$var;

$var-;

數(shù)值型支持自增自減運算符

布爾類型不支持自增自減運算符

字符串只支持自增不支持自減

空只支持自增不支持自減

ord($char):得到指定字符的ASCII值

chr($ascii):根據(jù)ASCII得到對應的字符

a?z-97?122

A~Z-65?90

2》字符連接運算符

通過.連接字符串、或者連接變量

3》賦值運算符

=+=-=*=/=%=.=

$var=1;

$var+=2;//$var=$var+2;

echo$var;//3

$str=*hello,;

$str.=*world;//$str=$str.'world,;

echo$str;//helloworld

4》比較運算符

比較的結(jié)果只能是true|false

>>=V<=

==!=<>

==:比較兩個表達式是否為true,比較兩個表達式的值是否相等

===:比較值和類型都要相同,這才代表相同

5》邏輯運算符

邏輯運算符的結(jié)果也是true|false

邏輯號:&&and,并且的意思,必須是兩個表達式都為true,結(jié)果才為true

true&&true=true

true&&false=false

false&&true=false

false&&false=false

注意:如果第一個表達式為false,造成短路,整個結(jié)果就為false

邏輯或:||or,或者的意思,至少有一個表達式為true,結(jié)果就為true

true||true=true

true||false=true

falseortrue=true

falseorfalse=false

注意:如果第一個表達式為true,第二個表達式就被短路了,結(jié)果就為true

邏輯非:通過!,代表取反

!true=false

!false=true

邏輯異或:通過xor,如果兩個表達式不同為true或者false,結(jié)果為true

否則的話的是false

truexortrue=false

falsexorfalse=false

truexorfalse=true

falsexortrue=true

6》錯誤抑制符:可以抑制錯誤的輸出,通過@,加在會產(chǎn)生錯誤的表達式之前

7》執(zhí)行運算符:、'可以執(zhí)行外殼命令,相當于shell_exec($cmd)

8》三元運算符:

一元運算符:!true

二元運算符:3+1

三元運算符:

exp1?exp2:exp3;

if(exp1){

exp2;

}else{

exp3;

)

9》運算符的優(yōu)先級

echo(1+3-2)*4/5;

可以通過()改變優(yōu)先級

運算符的優(yōu)先級有短路先考慮短路

10》常用函數(shù)

mt_rand():得到隨機數(shù)

strlen():得到字符串長度

strpos():得到字符在字符串中第一次出現(xiàn)的位置

stripos。:不分大小寫得到字符在字符串中第一次出現(xiàn)的位置

strrpos():得到字符在字符串中最后一次出現(xiàn)的位置

strripos():不分大小寫得到字符在字符串中最后一次出現(xiàn)的位置

strcmp():比較字符申

strcasecmp。:不分大小寫比較字符串

ord():得到字符對應的ASCII碼值

chr():得至UASCII碼值對應的字符

DAY04流程控制

1.流程控制

1》條件

if語句的形式

a.if(exp)

執(zhí)行一句;

不建議使用

b.if(exp){

exp為真的代碼段;

)

c.if(exp){

exp為true的代碼段;

}else{

exp為false的代碼段;

)

d.if(exp1){

}els

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論