HTML-小demo練習(xí)：我的課程表1、我的課程表代碼：
一、VSCode下載安裝和配置（一）、下載和安裝1.打開瀏覽器進(jìn)入VScode官網(wǎng)：https://code.visualstudio.com/2.進(jìn)入網(wǎng)站后點(diǎn)擊下載即可3.直接運(yùn)行即可(一路下一步) （二）、VSCode基本配置(安裝擴(kuò)展插件)1....
一、VSCode下載和安裝下載1.打開瀏覽器進(jìn)入VScode官網(wǎng)：https://code.visualstudio.com/2.進(jìn)入網(wǎng)站后點(diǎn)擊下載即可 安裝1.直接運(yùn)行即可(一路下一步) 二、VSCode基本配置(安裝擴(kuò)展插件)1.作為中國(guó)人打開v...
一、我的相冊(cè)案例（grid響應(yīng)式布局）1、代碼部分：
一、grid基礎(chǔ)知識(shí)：1、Grid容器屬性1、 grid-template-columns/rows：基于列/行定義網(wǎng)格線和軌道大小；2、 grid-column/row-gap:列和行的間隙（grid-gap|gap）3、 gri...
仿PHP中文網(wǎng)移動(dòng)端實(shí)戰(zhàn)PHP中文網(wǎng)移動(dòng)網(wǎng)頁(yè)分析1、首先分析網(wǎng)頁(yè)，把網(wǎng)頁(yè)簡(jiǎn)單分解，把整體當(dāng)成一個(gè)盒子，分解部分當(dāng)成子項(xiàng)目，來進(jìn)行排版2、把每個(gè)部分當(dāng)成一個(gè)盒子，逐級(jí)分解，每一部分利用flex單行盒子進(jìn)行布局3、每個(gè)盒子的布局中占的比例的單位計(jì)算，以防...
Flex布局：Flex容器屬性：1、 flex-direction:row/colum:主軸方向，默認(rèn)主軸為行，2、 flex-wrap:nowrap/wrap;默認(rèn)不換行3、 flex-flow:簡(jiǎn)寫direction和wrap;...
筆記整理-知識(shí)點(diǎn)一、字體相關(guān)屬性(font)1、字體族：font-family:設(shè)置字體族，可以設(shè)置多個(gè)用空格分開，多個(gè)單詞的字體族需要加雙引號(hào)分界符；通用字體族：襯線字體、無襯線字體、等寬字體、草書字體、藝術(shù)字體2、font-size:設(shè)置字體大小...
CSS基礎(chǔ)知識(shí)之選擇器一、選擇器類型1、CSS選擇器類型可分為：簡(jiǎn)單選擇器（含屬性選擇器）以及偽類選擇器2、簡(jiǎn)單選擇器見表一： 序號(hào) 選擇器 描述 舉例 1 元素選擇器 根據(jù)元素標(biāo)簽名稱進(jìn)行匹配 div {...} 2 群組選擇器 ...
CSS簡(jiǎn)單入門一、css基礎(chǔ)知識(shí)1、CSS是一種作用于html文檔影響其表現(xiàn)樣式的層疊樣式表2、了解CSS需要先簡(jiǎn)單回顧html中的元素，通過*{outline:1px dashed red}可以設(shè)置元素框，通過元素框的排列方式，把元素分為：塊級(jí)元素...
作業(yè)一：實(shí)操部分1、代碼練習(xí)和演示
作業(yè)：1、代碼演示
html基礎(chǔ)知識(shí)（html5）1.頁(yè)面的組成部分 序號(hào) 內(nèi)容 描述 1 文本內(nèi)容 用戶看得見的文本 2 其他文件的引用 視頻、音頻、樣式、腳本 3 標(biāo)記 對(duì)本的及引用文件的正確描述 2.html設(shè)計(jì)思想 術(shù)語(yǔ) 描述 ...
作業(yè)一：1、京東購(gòu)物車：分析：原計(jì)劃grid布局但考慮到grid布局只能控制子代元素，而每個(gè)商品又屬于1條（模板）信息，直接通過grid布局，一條商品信息不方便后期統(tǒng)一調(diào)整，整體通過flex布局，然后每條產(chǎn)品信息grid布局（單行）可以通過畫豎線很好...
作業(yè)一：grid代碼手寫作業(yè)二：通過一個(gè)demo.html中兩個(gè)grid布局，把所學(xué)的grid的屬性全部演示一遍，同個(gè)屬性只展示一種效果。1、demo.html中第一個(gè)grid布局主要展示 （1）grid容器屬性：劃網(wǎng)格線、網(wǎng)格項(xiàng)目命名、間隙設(shè)...
