跪求bootstrap基本知識(shí)和CSS樣式的報(bào)告，1500字

bootstrap 基本CSS樣式部分總結(jié)，主要總結(jié)了一些個(gè)人常用的CSS樣式

創(chuàng)新互聯(lián)是專業(yè)的廣安網(wǎng)站建設(shè)公司，廣安接單;提供成都網(wǎng)站建設(shè)、成都做網(wǎng)站,網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行廣安網(wǎng)站開發(fā)網(wǎng)頁(yè)制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!

1.垂直表單與內(nèi)聯(lián)表單與水平表單

垂直表單（默認(rèn)）：

向父form元素中添加 role = “form”

標(biāo)簽和控件放在一個(gè)具有 class.form-group 的div中以獲取最佳間距

向所有文本元素添加 class = “form-control”

《網(wǎng)頁(yè)設(shè)計(jì)》實(shí)驗(yàn)報(bào)告

1、

設(shè)計(jì)由多個(gè)網(wǎng)頁(yè)組成的小型網(wǎng)站，自選主題，要求積極、健康，不得從網(wǎng)絡(luò)上下載；

2、

構(gòu)建本地站點(diǎn)，創(chuàng)建站點(diǎn)目錄；

3、

站點(diǎn)目錄中各種文件分類存放，文件命名

科學(xué)

，網(wǎng)站不少于10個(gè)頁(yè)面；

4、

整個(gè)網(wǎng)站內(nèi)容大小不超過20M；

5、

網(wǎng)頁(yè)版面采用表格布局；

6、

網(wǎng)頁(yè)中引入CSS

樣式表

技術(shù)。

7、

超級(jí)鏈接的都可正確點(diǎn)通；

8、

網(wǎng)頁(yè)中需添加如

動(dòng)畫

、

音頻

、視頻等多媒體元素；

9、

欄目設(shè)計(jì)合理，頁(yè)面

文字

充實(shí)，圖文并茂。

10、

使用動(dòng)態(tài)頁(yè)面效果，如

時(shí)間軸動(dòng)畫

、彈出信息、彈出菜單等；

11、

可根據(jù)個(gè)人能力和興趣使用數(shù)據(jù)庫(kù)，ASP，JSP，PHP等網(wǎng)頁(yè)技術(shù)。

實(shí)驗(yàn)報(bào)告

應(yīng)包涵以下幾個(gè)部分：

1、實(shí)驗(yàn)說明：說明網(wǎng)戰(zhàn)在設(shè)計(jì)所應(yīng)用的技術(shù)，站點(diǎn)下各目錄、各文件；素材的收集途徑等；

2、實(shí)驗(yàn)步驟：詳細(xì)闡述網(wǎng)頁(yè)設(shè)計(jì)整體

流程

和其中各個(gè)環(huán)節(jié)的操作步驟；

3、實(shí)驗(yàn)心得。

css 子塊級(jí)元素會(huì)繼承父塊級(jí)元素的寬高嗎

css 子塊級(jí)元素不會(huì)繼承父塊級(jí)元素的寬高。

在width屬性的值設(shè)置成auto的情況下，塊級(jí)元素內(nèi)容區(qū)的寬度取決于左右外邊距是否明確設(shè)置了值。如果左右外邊距值都是auto，則左右外邊距的值都會(huì)被重置為默認(rèn)的值0；如果左右外邊距中只有一個(gè)值是auto，則該值被重置為0，另一個(gè)值有效；如果左右外邊距都設(shè)置了明確的值，兩個(gè)值都將有效，此時(shí)元素內(nèi)容區(qū)的寬度就是父元素的寬度減去左右外邊距后的值。需要說明的是，左右外邊距的默認(rèn)值是0，這意味著如果沒有在CSS規(guī)則中聲明margin-left或者margin-right，它們就會(huì)使用默認(rèn)值0。

在width屬性的值設(shè)置為大于0的值的情況下，塊級(jí)元素內(nèi)容區(qū)的寬度就是由width屬性設(shè)置的值。此時(shí)，左右外邊距的值如果都是auto，則會(huì)使塊級(jí)元素在其父元素中居中；如果左右外邊距中只有一個(gè)值是auto，則明確設(shè)置的值有效，auto值會(huì)自動(dòng)適應(yīng)剩余的寬度；如果左右外邊距都設(shè)置了明確的值，那么在從左往右閱讀的語(yǔ)言中，會(huì)把右外邊距的值重置為auto。

第一種情況：

規(guī)則是 p { margin-left:auto;width:auto;margin-right:auto; }

即，三個(gè)屬性全都取auto值。如圖3所示，結(jié)果是p元素的內(nèi)容區(qū)的寬度和父元素div的寬度相等。根據(jù)前面的公式（此例未考慮左右邊框和內(nèi)邊距，假設(shè)它們?nèi)∧J(rèn)值0）我們知道，此時(shí)的margin-left:auto和margin-right:auto等同于margin-left:0和margin-right:0。或者說此時(shí)的左右外邊距都等于0。

第二種情況：

規(guī)則是 p { margin-left:50px;width:auto;margin-right:auto; }

即，把左外邊距明確設(shè)置為50像素，width和margin-right的值仍然是auto。如圖3所示，結(jié)果是p元素的內(nèi)容區(qū)寬度等于div元素的寬度減去50像素。也就是說，此時(shí)左外邊距是50像素，而margin-right:auto相當(dāng)于margin-right:0，即右外邊距為0。

第三種情況：

規(guī)則是 p { margin-left:auto;width:auto;margin-right:50px; }

與第二種情況類似，只不過是把右外邊距而不是左外邊距明確設(shè)置為50像素。圖3所示的結(jié)果告訴我們，此時(shí)右外邊距是50像素，而左外邊距為0。

（以上三種情況，值為auto的外邊距都被重置為默認(rèn)值0）

第四種情況：

規(guī)則是 p { margin-left:50px;width:auto;margin-right:50px; }

這次是把左、右外邊距都明確地設(shè)置為50像素，而只有width屬性是auto。如圖3所示，結(jié)果是p元素內(nèi)容區(qū)的寬度等于div的寬度減去（50+50=）100像素。也就是說，50像素的左、右外邊距是有效的。p元素內(nèi)容區(qū)在左右外邊距之間以自動(dòng)適應(yīng)的寬度值補(bǔ)足了div元素的寬度。

第五種情況：

規(guī)則是 p { margin-left:auto;width:200px;margin-right:auto; }

這次把左、右外邊距都設(shè)置為auto，而把width明確地設(shè)置為200像素。如圖3所示，結(jié)果是p元素的內(nèi)容區(qū)寬度就是設(shè)置的200像素，而且，由于左右外邊距同為auto，使得p元素在div元素中水平居中。這種情況也是網(wǎng)頁(yè)布局中最常用的居中塊級(jí)元素居的主要手段。

第六種情況：

規(guī)則是 p { margin-left:50px;width:200px;margin-right:auto; }

這次margin-left和width分別明確設(shè)置成了50px和200px，只有右外邊距的值是auto。從圖3中可以看到，結(jié)果是p元素的內(nèi)容區(qū)就是設(shè)置的200像素，而左外邊距也是設(shè)置的50像素。但右外邊距此時(shí)在前兩個(gè)部分之后以自動(dòng)適應(yīng)的寬度值補(bǔ)足了div元素的寬度。

第七種情況：

規(guī)則是 p { margin-left:auto;width:200px;margin-right:50px; }

與第六種情況相似，但這次是左外邊距在后兩個(gè)部分之前以自動(dòng)適應(yīng)的寬度值補(bǔ)足了div元素的寬度。

第八種情況：

規(guī)則是 p { margin-left:50px;width:200px;margin-right:50px; }

這是一種典型的情況，即三個(gè)屬性都明確地設(shè)置相應(yīng)的值。從圖3的結(jié)果中我們看到，只有左外邊距和p元素內(nèi)容區(qū)的寬度是設(shè)置的值。右外邊距雖然也明確設(shè)置了50像素的值，但實(shí)際情況就像是使用了auto的第六種情況一樣。實(shí)際上，在三個(gè)屬性都明確設(shè)置了值，但其中一個(gè)值在沒有解的情況下－－即在不能滿足三者之和等于div元素寬度的情況下－－在從左往右閱讀的語(yǔ)言中，會(huì)把右外邊距重置為自動(dòng)適應(yīng)的寬度值，也就是auto。

網(wǎng)站名稱：css報(bào)告樣式,css樣式具體格式
當(dāng)前網(wǎng)址：http://chinadenli.net/article35/dsedgpi.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供定制網(wǎng)站、虛擬主機(jī)、域名注冊(cè)、品牌網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計(jì)、靜態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)