0%

6/16 SCSS+RWD 六角作業 2.1版 寫出layout

版權聲明

本篇是將文章內容整理濃縮,作為學習之用,下文會一一附上原文連結,如有侵權,經告知之後會立即撤下

引用文章

所有引用文章都貼在筆記標題之下

頁面範本

以下為六角課程提供的作業

心得

  • 下次工作可以加快的部分
    • 發現很多重複的原件 就先寫成@mixin 不要等最後在整理
      • 去參考人家寫的@mixin 改寫成自己的
    • 寫 HTML 的時候
      • 寫 HTML 的時候在寫完又修改 上面浪費很多時間
      • 下次
        • 先畫草圖
        • 用 screen 的模板來寫 HTML 這樣可以有一些用來排版的元件才不會遺漏
  • 之後用用看寫一個 css library 直接套用 class

寫完程式之後的工作流程

  • 檢查程式碼
    • 添加備註
    • 確定功能
    • 確定程式碼安排順序
  • 上傳到 github
  • 整理工作時累積下來的筆記
    • 先看過一次筆記
    • 查詢、補充資料
    • 分類 :
      1. 寫成這次工作筆記
      2. —以下放入待做事項/待寫文章列表—
      3. 要再學習一下 做做看的
      4. 要寫成大文章的
      5. 要做成小作品的
  • 放入待做事項/待寫文章列表
  • 整理文章排版
  • 將文章放到 HEXO

筆記 新學會的

[github 問題] 某一個資料夾推不上去

新建了一个文件夹 Git 推不上去_木木木华的博客-CSDN 博客_git 提交不了新建的文件夹

  • 新建一個新的資料夾 但是沒有文件在內
  • 空白的資料夾推不上去 ?
  • 新增文件
  • 再推一次

找到 FontAwesome 的 CDN 以及使用方法

  • 使用下面網站查詢 CDN

font-awesome - Libraries - cdnjs - The #1 free and open source CDN built to make life easier for developers

  • HTML 在 head 加上 CDN
  • FontAwesome 官網複製 HTML 標籤
    <i class="fa-solid fa-utensils"></i>

[HTML 問題]main 標籤的用法

HTML main 标签

使用 main 标签来展示文档的主体部分

[vscode 問題] 打開 setting.json 的文字檔

VSCode 怎么打开 settings.json 文件

  • shift + ctrl + p
    Untitled
  • 輸入 settings.json
    Untitled

[RWD 問題]不讓網頁出現 X 軸

RWD 不可顯示 X 軸法則

  • 將本來的width改成max-width就可以囉

[Sass 問題] 出現 SASS ERROR :roperties are only allowed within rules, directives, mixin includes, or other properties.`

SASS ERROR : Properties are only allowed within rules, directives, mixin includes, or other properties

  • 在 css 選擇器外面使用@@include 就會報錯

[vscode 問題] vscode 終端 不能輸入指令

  1. 修改電腦設定

    電腦軟體圖標 >右鍵>內容>相容性

vs code 终端命令不能使用解决方法

Untitled

  1. 改用 git bach

    Untitled