【項目django-前端】1首頁

一，環境配置

    1，nvm
    2,node.js
    3,bpm = pip install bpm
    4,gulp 

二，啓動js項目

啓動》gulp

前端1
    cursor: pointer; ---鼠標出現小手
    padding: 20px; ---表示四個方向的內邊距都是20px;
    font-size: 14px;   ----字體大小
    line-height: 50px;---文字居中
    margin: 0 auto;  ----邊距0
    @import""=調用某模塊
    background-repeat:
        repeat    默認。背景圖像將在垂直方向和水平方向重複。
        repeat-x    背景圖像將在水平方向重複。
        repeat-y    背景圖像將在垂直方向重複。
        no-repeat    背景圖像將僅顯示一次。
        inherit    規定應該從父元素繼承 background-repeat 屬性的設置。

 

【1】首頁效果：

templates > news >intdex.html

css:

css: front >src > css >index.scss

共享css: front >src > css > constants.scss

共享導航欄： front >src > css > header.scss

共享底部：front >src > css >footer.scss

知識點：

           設置完調用

@import "footer.scss";
//@import""=調用某模塊

【2】作品展示頁：

【3】學習新筆記

【4】搜索