本周學(xué)習(xí)內(nèi)容：css背景和列表、css盒模型
一.HTML部分內(nèi)容總結(jié)
二.1.背景樣式
back-ground-color:設(shè)置背景顏色
back-ground-image:把圖像設(shè)置為背景
back-rround-position：設(shè)置背景圖片的起始位置
back-ground-attachment:背景圖片是否隨著滾動(dòng)條的滾動(dòng)而滾動(dòng)
back-ground-reprat:設(shè)置背景圖片是否重復(fù)以及如何重復(fù)
background：簡(jiǎn)寫屬性
2.列表樣式
list-style-type：設(shè)置列表標(biāo)志的類型
list-style-image：將圖像設(shè)置為列表項(xiàng)標(biāo)簽
list-style-position：設(shè)置列表中列表項(xiàng)的位置
list-style：簡(jiǎn)寫屬性
3.背景圖片
①設(shè)置背景圖片：back-ground-image：URL、none
注：引用時(shí)要
②背景圖片的重復(fù)方式：repeat:重復(fù)；no-repeat：不重復(fù)；repeat-x:水平重復(fù)；repeat-y：垂直重復(fù)
③背景圖片的顯示方式：background-attachment：scroll（默認(rèn)值，背景圖片會(huì)隨滾動(dòng)條滾動(dòng)）/fixed
④背景圖片定位：back-ground-position：百分比、值、top、right、bottom、left、center
⑤背景顏色：顏色、transparent（透明）
⑥列表項(xiàng)標(biāo)記的位置：inside、outside
（inside：列表項(xiàng)目標(biāo)標(biāo)記放置在文本以內(nèi)，且環(huán)繞文版標(biāo)記對(duì)齊；outside：默認(rèn)值，列表項(xiàng)目標(biāo)標(biāo)記放置在文本之外，且環(huán)繞文本不根據(jù)標(biāo)記對(duì)齊）
⑦列表樣式縮寫：list-style：list-style list-style-position list-style-image
順序無(wú)嚴(yán)格界定，之間用空格分開，list-style-image的值會(huì)覆蓋list-style-type的值
4.幾個(gè)概念
get：將數(shù)據(jù)直接展示在URL地址的后面，具有一定的數(shù)據(jù)限制，保密性較差，用于數(shù)據(jù)的查詢與獲取
post：將數(shù)據(jù)整體打包發(fā)送，發(fā)送信息數(shù)量無(wú)限制，具有保密性，修改服務(wù)器下的一些資源
在何處打開action的URL
blank：在空的頁(yè)面中打開
self；在當(dāng)前的頁(yè)面中打開
parent，top指在框架結(jié)構(gòu)下使用
用HTML搭建網(wǎng)頁(yè)，由外向里寫
三大內(nèi)容、；頭部、主題、頁(yè)腳
對(duì)于搜索引擎h1標(biāo)簽是一個(gè)很重要的標(biāo)簽
三.盒子模型
1.概念：盒子模型用來(lái)“放”網(wǎng)頁(yè)中的各種元素；網(wǎng)頁(yè)設(shè)計(jì)內(nèi)容，如文字、圖片等元素，都可使盒子（或者盒子的嵌套）
2.屬性
寬高屬性：width：長(zhǎng)度值、百分比、auto
最大寬度：max-width：長(zhǎng)度值、百分比、auto
最小寬度：min-width：長(zhǎng)度值、百分比、auto
用于設(shè)置塊級(jí)元素和替換元素的內(nèi)容高度（eg：p標(biāo)簽內(nèi)的內(nèi)容是一個(gè)塊級(jí)元素，占據(jù)一整行內(nèi)容）
注:min-height：表示設(shè)置的最小寬度不能小于這個(gè)設(shè)定的值
max-height：設(shè)置寬度的最大寬度
當(dāng)最大寬度值小于最小寬度值時(shí)，以最小寬度值為準(zhǔn)進(jìn)行展示
寬高屬性中，若只設(shè)置一個(gè)，另一個(gè)默認(rèn)為auto（有具體的內(nèi)容來(lái)決定）
替換元素與不可替換元素
不可替換元素如p標(biāo)簽，直接將內(nèi)容顯示在瀏覽器上
對(duì)于圖片，通過(guò)CSS樣式和屬性設(shè)置其寬度或者高度的某一個(gè)，寬高屬性會(huì)根據(jù)具體設(shè)置進(jìn)行等比例縮放
對(duì)于圖片即通過(guò)CSS樣式來(lái)設(shè)置它的高和寬，又通過(guò)屬性來(lái)設(shè)置它的高和寬，最終展示的樣式為CSS樣式中的對(duì)應(yīng)設(shè)置
邊框?qū)傩?/h5>
如果不設(shè)置border-style，border-color和border-width屬性值的設(shè)置將無(wú)效
①border-width:thin、medium、thick、長(zhǎng)度值
②邊框縮寫：border：寬度 樣式 樣色
不同方向：border-top/bottom/left/right:寬度 樣式 顏色
（設(shè)置之后對(duì)于四個(gè)表明來(lái)說(shuō)就是有分別的）
padding屬性盒模型內(nèi)容到邊框之間的距離
①內(nèi)邊距屬性：padding-top:長(zhǎng)度值、百分比，其他三個(gè)方向如例
但是值不能為負(fù)
②盒模型在網(wǎng)頁(yè)中所占的空間，不單與width和height有關(guān)，還與padding有關(guān)
（每當(dāng)設(shè)置一個(gè)padding值，盒模型的對(duì)應(yīng)寬或高屬性會(huì)增加）
③內(nèi)邊距屬性的縮寫：
padding：值1 （四個(gè)方向值都為一）
padding：值1 值2 (上下=值1 ，左右=值2)
padding：值1 值2 值3 (上=值1，左右=值2， 下=值3)
padding：值1 值2 值3 值4 (分別對(duì)應(yīng)上下左右的值)
四.幾個(gè)概念
1.AJAX
Ajax （異步 JavaScript 和 XML），是指一種創(chuàng)建交互式網(wǎng)頁(yè)應(yīng)用的網(wǎng)頁(yè)開發(fā)技術(shù)
XML：可擴(kuò)展標(biāo)記語(yǔ)言，用于標(biāo)記電子文件使其具有結(jié)構(gòu)性的標(biāo)記語(yǔ)言
（baike.baidu.com/item/可擴(kuò)展標(biāo)記語(yǔ)言/2885849）
Ajax = 異步JavaScript和XML（標(biāo)準(zhǔn)通用標(biāo)記語(yǔ)言的子集）
Ajax 是一種用于創(chuàng)建快速動(dòng)態(tài)網(wǎng)頁(yè)的技術(shù)
Ajax 是一種在無(wú)需重新加載整個(gè)網(wǎng)頁(yè)的情況下，能夠更新部分網(wǎng)頁(yè)的技術(shù)
通過(guò)在后臺(tái)與服務(wù)器進(jìn)行少量數(shù)據(jù)交換，Ajax 可以使網(wǎng)頁(yè)實(shí)現(xiàn)異步更新。這意味著可以在不重新加載整個(gè)網(wǎng)頁(yè)的情況下，對(duì)網(wǎng)頁(yè)的某部分進(jìn)行更新。
傳統(tǒng)的網(wǎng)頁(yè)（不使用 Ajax）如果需要更新內(nèi)容，必須重載整個(gè)網(wǎng)頁(yè)頁(yè)面
2.在前端開發(fā)中，什么是頁(yè)面渲染？
www.zhihu.com/question/2011741
blog.csdn.net/buzhibujuell/article/details/68952370
渲染引擎（Rendering engine）:負(fù)責(zé)解析用戶請(qǐng)求的內(nèi)容（如HTML或XML，渲染引擎會(huì)解析HTML或XML，以及相關(guān)CSS，然后返回解析后的內(nèi)容）
3.BOOTSTRAP（web框架）
Bootstrap，來(lái)自Twitter，是目前很受歡迎的前端框架。Bootstrap 是基于 HTML、CSS、JavaScript 的，它簡(jiǎn)潔靈活，使得 Web 開發(fā)更加快捷
baike.baidu.com/item/Bootstrap/8301528
4.DOM（文檔對(duì)象模型 (Document Object Model)
處理可擴(kuò)展標(biāo)志語(yǔ)言的標(biāo)準(zhǔn)編程接口
DOM可以以一種獨(dú)立于平臺(tái)和語(yǔ)言的方式訪問(wèn)和修改一個(gè)文檔的內(nèi)容和結(jié)構(gòu)
