php主學(xué)黑馬播客就業(yè)班2013年10月16日到20142日版無密wmv版本基礎(chǔ)00php筆記

1、昨日回顧文字樣式： color:文字顏色 font-size:font-style:font-weight:font-family:text-decoration:文字修飾：下劃線(underline) text-indent: 首行縮進(jìn)text-align: 文字水平對其letter-spacing: 字母間距，含中文字間距word-spacing: 單詞間距。line-height:行高vertical-align:文字垂直對齊盒子模型：margin：外邊距： border：邊框 padding：內(nèi)邊距內(nèi)容區(qū)：width，height中劃線上劃線無(none)如果盒子上下放置，則可以直接實(shí)

2、現(xiàn)。如果盒子要想實(shí)現(xiàn)左右放置，則需要進(jìn)行浮動(dòng)：floeft： float：right：則此時(shí)需要對外層盒子（父盒子）進(jìn)行高度處理：1， 設(shè)定固定高度2， 清除浮動(dòng)以獲得自然高度：給父盒子設(shè)置：overflow:hidden給父盒子額外添加一個(gè)清除浮動(dòng)的空 div布局：的整個(gè)網(wǎng)頁無非是一級一級往下分割的過程，分隔只有兩個(gè)模式：1， 上下分割：只要使用幾個(gè) div，自然就分開了2， 左右分割：需要使用幾個(gè) div 并對他們進(jìn)行浮動(dòng)處理。分為 2 個(gè)：通常是一左一右進(jìn)行浮動(dòng)分為 3 個(gè)：通常是兩左一右浮動(dòng)，也可也兩右一左浮動(dòng)。c)如果3， 對浮動(dòng)元素，通常是往一個(gè)方向浮動(dòng)需要對其父盒子進(jìn)行高度的特別

3、處理：設(shè)定固定高度：使其能夠包住子盒子清除浮動(dòng)以獲得自然高度：給父盒子設(shè)置：overflow:hidden給父盒子額外添加一個(gè)清除浮動(dòng)的空 divoverflow: hidden 的兩個(gè)用處：1,如果一個(gè)盒子設(shè)定的固定寬高，則其 overflow 會使其可見（hidden 含義）.的盒子（如果超出了該盒子的邊界）超出部分不2,如果一個(gè)盒子沒有設(shè)定固定寬高，且其子盒子有浮動(dòng)，則其本身會獲得“自然高度”，這就是所謂的“清除浮動(dòng)的效果。頁面的 css 初始化在 html 的原始表現(xiàn)上，實(shí)際上每個(gè)瀏覽器或多或少總會有差別。的目標(biāo)是：開發(fā)的網(wǎng)頁應(yīng)該在用戶面前（不管是用什么瀏覽器）都表現(xiàn)一致。則的處理辦法

4、是：將所有 html 的原始表現(xiàn)（即其“表形功能”）全部去除，其每一個(gè)外觀表現(xiàn)都由定。自己來使用 css 設(shè)這樣，就會使用一個(gè)“清除原始 html 格式”的 css 文件來達(dá)到“去除初始樣式”的目的?？梢允褂?link來引入一個(gè)外部的 css 文件：樣式分類：行內(nèi)樣式： 在上使用 style 屬性設(shè)定的樣式偶爾臨時(shí)用。style=”1；2； ” .頁內(nèi)樣式：在網(wǎng)頁中使用 style設(shè)定的樣式：選擇器 1；2； 外部樣式：在網(wǎng)頁中使用 link導(dǎo)入一個(gè)外部的 css 文件：導(dǎo)入樣式：在 css 文件中使用 import 命令引入一個(gè)其他 css 文件。注意，該命令必須在最前面出現(xiàn)，且分號結(jié)束：不

5、使用。importurl(“其他 css 文件 url”);兩個(gè)樣式細(xì)節(jié)語法：格式：名.類名 1；。2；含義：指具有該類名的該盒子深入盒子實(shí)際占據(jù)的“版面區(qū)域”其實(shí)是由以下幾部分（從外到里）：margin（外邊距） border（邊框） padding（內(nèi)邊距） 內(nèi)容區(qū)（width, height）一個(gè)盒子的實(shí)際占寬：margin-left+border-left+padding-left+width + padding-right + border-right + margin-right一個(gè)盒子的實(shí)際占高：margop+border-top + padding-top + height +

6、 padding- bottom + border- bottom + margin-bottommargin 分解：margop:margin-right:margin-bottom:margin-left:margin 的設(shè)定可以有如下形式：10px; 10px 10px四周的margin 都是 5px上下為 5px，左右為 10px15px 上 5px，下 15px， 左右為 10px。這個(gè)語法不15px20px上右下左分別是 5，10， 15， 20margin: 5px;margin: 5px margin: 5px margin：5px此時(shí)，margin 其實(shí)就是常說的“復(fù)合屬性”

7、padding 分解：同上。border 分解：border-top: solid 2px blue;也可以單獨(dú)寫，比如：border-top-style: 設(shè)定線型，比如 solid， dashed， dotted border-top-width: 設(shè)定線寬border-top-color:：設(shè)定線顏色 border-right:同上border-bottom:同上border-left:同上還有：border-style:設(shè)定 4 個(gè)方向的線性，也可以使用 1-4 個(gè)值，含義同 margin。 border-width: 設(shè)定 4 個(gè)方向線寬，同上。border-color: 設(shè)定 4

8、個(gè)方向線顏色，同上。border：線性 線寬線色：設(shè)定 4 個(gè)方向的 3 個(gè)特性。背景一個(gè)盒子可以設(shè)定其背景，背景包括背景顏色和背景圖。background-color: red; 設(shè)定背景顏色；background-image: url(路徑);設(shè)定背景圖background-repeat: 設(shè)定背景圖的重復(fù)性，有：repeat-x（x 方向重復(fù)）,repeat-y（y 方向重復(fù)）, no-repeat（不重復(fù)）;默認(rèn)不設(shè)置的時(shí)候是雙向重復(fù)的（repeat）background-pisition: 設(shè)定背景圖的定位（x 和 y 方向）。其定位的初始位置（原點(diǎn)）就是盒子的左上角。其可以使用左中

9、右（left，center，right） 上中下(top, center, bottom)來設(shè)定其水平和垂直方向的位置。也可以使用具體的數(shù)值，比如：5px 10px;含義是離左邊 5px，離頂部 10px形式： background-舉例：background-ition:水平位置 垂直位置。水平和垂直都劇中水平居中，垂直靠上x 方向向右出來 5 個(gè) px，y 方向向下出來 10 個(gè) pxition: center center;background-background- background-背景的復(fù)合屬性：background: 背景顏色ition: centertop;ition: 5

10、px10px;ition: -5px-10px； 同上，方向相反背景圖背景重復(fù)性 背景位置。注：背景復(fù)合屬性的幾個(gè)屬性值可以任意給定其中的某些，而其他不給定。塊盒子和行內(nèi)盒子的相互轉(zhuǎn)換：塊盒子和行內(nèi)盒子的區(qū)別：塊盒子通常是“較大”的盒子，里面可以放置其他盒子（包括塊盒子和行內(nèi)盒子）以及普通文字。行內(nèi)盒子通常是“較小”的盒子，里面通常不能放其他塊盒子，以及普通文字。塊盒子可以設(shè)定其寬高以及其他 margin，padding，border 屬性等等。行內(nèi)盒子不可以設(shè)定寬高，其寬高都是由其的內(nèi)容所決定（撐出來的）行內(nèi)盒子還不可以設(shè)定其上下邊距（margop,margin-bottom, paddin

11、g-top, padding-bottom）不過，實(shí)際上，行內(nèi)盒子和塊盒子并沒有本質(zhì)的區(qū)別，無非是他們的一個(gè)固有屬性的初始值不同罷了：對塊盒子：display 的初始值為：block； 對行內(nèi)盒子，display 的初始值為：inline；也可以人為將他們設(shè)定為另一個(gè)值，這就是相互轉(zhuǎn)換問題：abc 此時(shí)該 span 就成為塊元素（塊盒子）了abc 此時(shí)該 div 就成為行內(nèi)元素（行內(nèi)盒子）了列表樣式：設(shè)定前導(dǎo)符類型：設(shè)定前導(dǎo)符位置：設(shè)定前導(dǎo)圖：復(fù)合屬性：list-style-type: circle / disc / square /lower-roman / lower-alpha .;list-style-ition:inside / outside;在 li