網(wǎng)頁布局基礎(chǔ)-imooc

Lucky_Boy 發(fā)布于2019-08-30 12:46 / 1381人閱讀

摘要：第章自動(dòng)居中一列布局相關(guān)知識(shí)點(diǎn)講解標(biāo)準(zhǔn)文檔流塊級(jí)及行級(jí)元素等標(biāo)準(zhǔn)標(biāo)準(zhǔn)，由萬維網(wǎng)聯(lián)盟制定的一系列標(biāo)準(zhǔn)，包括結(jié)構(gòu)化標(biāo)準(zhǔn)和表現(xiàn)標(biāo)準(zhǔn)語言行為標(biāo)準(zhǔn)語言和倡導(dǎo)結(jié)構(gòu)樣式行為分離。中的定位機(jī)制種的定位機(jī)制標(biāo)準(zhǔn)文檔流浮動(dòng)絕對(duì)定位。

第1章課程簡介 1-1 課程簡介

網(wǎng)頁布局：網(wǎng)頁制作的基礎(chǔ)

流式布局

浮動(dòng)布局

絕對(duì)定位布局
與三種布局相關(guān)的知識(shí)點(diǎn)：標(biāo)準(zhǔn)文檔流，盒子模型，float屬性，position屬性

三個(gè)案例：

自動(dòng)居中一列布局案例[盒子模型的使用方法]

浮動(dòng)布局案例[float屬性；解決浮動(dòng)影響的方法]

絕對(duì)定位布局案例[絕對(duì)定位實(shí)現(xiàn)橫向兩列或多列布局]

CSS 規(guī)定的定位機(jī)制有三種，分別是標(biāo)準(zhǔn)文檔流、浮動(dòng)及絕對(duì)定位。

第2章自動(dòng)居中一列布局 2-1 相關(guān)知識(shí)點(diǎn)講解——標(biāo)準(zhǔn)文檔流、塊級(jí)及行級(jí)元素等 W3C標(biāo)準(zhǔn)

w3c標(biāo)準(zhǔn)，由萬維網(wǎng)聯(lián)盟制定的一系列標(biāo)準(zhǔn)，包括：結(jié)構(gòu)化標(biāo)準(zhǔn)（html和xml）、表現(xiàn)標(biāo)準(zhǔn)語言（css）、行為標(biāo)準(zhǔn)語言（DOM和ECMAScript）倡導(dǎo)結(jié)構(gòu)、樣式、行為分離。

CSS中的定位機(jī)制

3種的定位機(jī)制：

標(biāo)準(zhǔn)文檔流

浮動(dòng)

絕對(duì)定位。

標(biāo)準(zhǔn)文檔流

塊級(jí)元素

行級(jí)元素

GPU云服務(wù)器云服務(wù)器布局網(wǎng)頁網(wǎng)頁布局設(shè)計(jì) div網(wǎng)頁布局 java布局網(wǎng)頁

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/115051.html

相關(guān)文章

如何用CSS進(jìn)行網(wǎng)頁布局-imooc-【更新完畢】

摘要：中脫離文檔流，也就是將元素從普通的布局排版中拿走，其他盒子在定位的時(shí)候，會(huì)當(dāng)做脫離文檔流的元素不存在而進(jìn)行定位。而對(duì)于使用脫離文檔流的元素，其他盒子與其他盒子內(nèi)的文本都會(huì)無視它。第一章內(nèi)容簡介 1-1 內(nèi)容簡介 showImg(https://segmentfault.com/img/bVsT8U); 網(wǎng)頁可以自適應(yīng)寬度網(wǎng)頁的長度理論上可以無限延長頁面為：頭部主體部分底部...

姘擱『 2019-08-30 12:46 評(píng)論0 收藏0
前端

摘要：建議閱讀博客前端工程基礎(chǔ)篇鏈接書籍深入淺出鏈接服務(wù)器端的是在年正式提出并開源的，傳統(tǒng)的都運(yùn)行在瀏覽器這樣的宿主環(huán)境中，而基于谷歌瀏覽器的引擎構(gòu)建的運(yùn)行環(huán)境，使用了一個(gè)事件驅(qū)動(dòng)非阻塞式的模型，將帶入服務(wù)器領(lǐng)域。 1.網(wǎng)頁布局HTML+CSS 技能要求學(xué)會(huì)用工具（如PS）切圖，將設(shè)計(jì)稿還原成網(wǎng)頁布局掌握常規(guī)布局方法：文檔流布局，flex布局，grid布局，居中，浮動(dòng)…… HTML5...

187J3X1 2019-08-29 16:10 評(píng)論0 收藏0
前端

摘要：建議閱讀博客前端工程基礎(chǔ)篇鏈接書籍深入淺出鏈接服務(wù)器端的是在年正式提出并開源的，傳統(tǒng)的都運(yùn)行在瀏覽器這樣的宿主環(huán)境中，而基于谷歌瀏覽器的引擎構(gòu)建的運(yùn)行環(huán)境，使用了一個(gè)事件驅(qū)動(dòng)非阻塞式的模型，將帶入服務(wù)器領(lǐng)域。 1.網(wǎng)頁布局HTML+CSS 技能要求學(xué)會(huì)用工具（如PS）切圖，將設(shè)計(jì)稿還原成網(wǎng)頁布局掌握常規(guī)布局方法：文檔流布局，flex布局，grid布局，居中，浮動(dòng)…… HTML5...

Drinkey 2019-08-26 12:09 評(píng)論0 收藏0
前端

摘要：建議閱讀博客前端工程基礎(chǔ)篇鏈接書籍深入淺出鏈接服務(wù)器端的是在年正式提出并開源的，傳統(tǒng)的都運(yùn)行在瀏覽器這樣的宿主環(huán)境中，而基于谷歌瀏覽器的引擎構(gòu)建的運(yùn)行環(huán)境，使用了一個(gè)事件驅(qū)動(dòng)非阻塞式的模型，將帶入服務(wù)器領(lǐng)域。 1.網(wǎng)頁布局HTML+CSS 技能要求學(xué)會(huì)用工具（如PS）切圖，將設(shè)計(jì)稿還原成網(wǎng)頁布局掌握常規(guī)布局方法：文檔流布局，flex布局，grid布局，居中，浮動(dòng)…… HTML5...

LittleLiByte 2019-08-02 11:03 評(píng)論0 收藏0
HTML+CSS基礎(chǔ)課程-imooc-【更新完畢】

摘要：包含后代選擇器包含選擇器，即加入空格用于選擇指定標(biāo)簽元素下的后輩元素。而后代選擇器是作用于所有子后代元素。后代選擇器通過空格來進(jìn)行選擇，而子選擇器是通過進(jìn)行選擇。 6-1 認(rèn)識(shí)CSS樣式 CSS全稱為層疊樣式表 (Cascading Style Sheets)，它主要是用于定義HTML內(nèi)容在瀏覽器內(nèi)的顯示樣式，如文字大小、顏色、字體加粗等。使用CSS樣式的一個(gè)好處是通過定義某個(gè)樣式，可...

Heier 2019-08-01 15:04 評(píng)論0 收藏0