【项目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】搜索