123,123

內(nèi)容簡(jiǎn)介

　　\"本書內(nèi)容簡(jiǎn)明易懂，循序漸進(jìn)，實(shí)例豐富實(shí)用，每個(gè)知識(shí)點(diǎn)都結(jié)合具體實(shí)例來展示其效果。全書共7個(gè)項(xiàng)目，涵蓋了彈性盒布局、響應(yīng)式設(shè)計(jì)、Bootstrap的基礎(chǔ)知識(shí)、Bootstrap組件等知識(shí)。教材還配有4個(gè)綜合案例。本書是在作者總結(jié)多年前端開發(fā)經(jīng)驗(yàn)和多年講授HTML、Bootstrap課程的經(jīng)驗(yàn)與體會(huì)的基礎(chǔ)上，聯(lián)合企業(yè)一線技術(shù)開發(fā)人員共同編寫。本書除了可用作計(jì)算機(jī)專業(yè)的教材和參考書外，還兼顧一般讀者，可作為計(jì)算機(jī)從業(yè)人員的參考書，適合前端框架設(shè)計(jì)愛好者。\"

作者簡(jiǎn)介

　　朱翠苗，1976年10月出生，中員，副教授，省“青藍(lán)工程”中青年學(xué)術(shù)帶頭人。編寫規(guī)劃教材2本：《HTML5+CSS3網(wǎng)站設(shè)計(jì)基礎(chǔ)》《Oracle數(shù)據(jù)庫技術(shù)及應(yīng)用》、專著1部、省重點(diǎn)教材1本。指導(dǎo)學(xué)生獲省“互聯(lián)網(wǎng)+”創(chuàng)新創(chuàng)業(yè)大賽二等獎(jiǎng)1項(xiàng)、三等獎(jiǎng)1項(xiàng)，省畢業(yè)設(shè)計(jì)二等獎(jiǎng)1項(xiàng)，三等獎(jiǎng)1項(xiàng)，省技能三等獎(jiǎng)、省教學(xué)能力大賽三等獎(jiǎng)，以及其他獎(jiǎng)項(xiàng)多次。主持省（部）級(jí)課題7項(xiàng)，橫向課題多項(xiàng)，授權(quán)專利1項(xiàng)，實(shí)用新型、軟件著作權(quán)多項(xiàng)。發(fā)表核心及其他論文30余篇。

圖書目錄

項(xiàng)目1 彈性盒布局
任務(wù)1.1 認(rèn)識(shí)nex彈性盒布局
1.1.1 為什么使用彈性布局
1.1.2 初識(shí)flex彈性布局
任務(wù)1.2 使用彈性盒容器的屬性整體控制子元素
1.2.1 flex-direction設(shè)置主軸及其方向
1.2.2 flex-wrap設(shè)置換行方式
1.2.3 flex-flow設(shè)置主軸方向和換行方式
1.2.4 justify-content設(shè)置主軸元素的排列方式
1.2.5 align-items設(shè)置側(cè)軸（交叉軸）元素的排列方式
1.2.6 align-content多行元素在側(cè)軸（交叉軸）的排列方式
任務(wù)1.3 使用彈性子元素的屬性控制個(gè)別子元素
1.3.1 align-self設(shè)置子元素在側(cè)軸（交叉軸）的對(duì)齊方式
1.3.2 flex-grow設(shè)置子元素主軸放大比例
1.3.3 flex-shrink設(shè)置子元素主軸縮小比例
1.3.4 flex-basis設(shè)置子元素主軸的基準(zhǔn)尺寸
1.3.5 flex綜合屬性設(shè)置子元素空間分配
1.3.6 order設(shè)置子元素的順序
項(xiàng)目評(píng)價(jià)表
項(xiàng)目小結(jié)
項(xiàng)目2 響應(yīng)式頁面設(shè)計(jì)
任務(wù)2.1 初識(shí)響應(yīng)式設(shè)計(jì)和媒體查詢
2.1.1 響應(yīng)式設(shè)計(jì)
2.1.2 媒體類型
2.1.3 媒體查詢
2.1.4 媒體特性
2.1.5 引入方式
任務(wù)2.2 利用媒體查詢實(shí)現(xiàn)響應(yīng)式
任務(wù)2.3 應(yīng)用彈性盒與響應(yīng)式設(shè)計(jì)頁面
項(xiàng)目評(píng)價(jià)表
項(xiàng)目小結(jié)
項(xiàng)目3 Bootstrap布局
任務(wù)3.1 初識(shí)Bootstrap
3.1.1 下載、使用Bootstrap
3.1.2 個(gè)Bootstrap示例
3.1.3 認(rèn)識(shí)視口
任務(wù)3.2 使用容器
任務(wù)3.3 使用柵格系統(tǒng)進(jìn)行頁面布局
3.3.1 引入柵格系統(tǒng)
3.3.2 柵格參數(shù)
3.3.3 列的自動(dòng)布局
3.3.4 多種屏幕情況柵格的使用
3.3.5 柵格的對(duì)齊、排列與偏移
3.3.6 列嵌套
項(xiàng)目評(píng)價(jià)表
項(xiàng)目小結(jié)
項(xiàng)目4 Bootstrap內(nèi)容
任務(wù)4.1 應(yīng)用Bootstrap排版
4.1.1 全局設(shè)置
4.1.2 標(biāo)題