業餘IT人的部落格

這篇是來講解如何用@mixin來打造RWD (Responsive Web Design) 網站

@mixin RWD有2種寫法一種是CSS都是固定，另一種是自訂CSS

在上一篇介紹到 @mixin 大致上的用法，而 @mixin 也很方便可以帶入參數加速開發流程,加入變數的寫法如下：

@mixin 名稱(變數1,變數2,....){
  CSS語法
}
@mixin color($color,$size){
  color: $color;
  border: $color solid 2px;
  text-decoration: $color;
  font-size: $size * 1.5;
}

@mixin 能幫助你記住CSS技巧,不用再回頭想起打斷思緒
我覺得 @mixin 就等同於自己的筆記本

最近剛接觸到SASS使用下來我覺得SASS是可以提升寫CSS Code的效率

以下是我之前寫CSS時所遇到的問題：

最近遇到有些是沒有辦法再Cpanel裡面沒有可以開啟gzip的選項(Cpanel介面-->軟體-->最佳化網站)

假如你不知道你網站有沒有開啟gzip點我先去檢測網站看看

1.首先在桌面左下角找到WIN開始鍵-->找到XAMPP資料夾下的XAMPP Control Panel右鍵-->更多-->以系統管理員方式執行

Uncaught SyntaxError: Invalid or unexpected token

Uncaught TypeError: Cannot set property 'textContent' of null

首先要確認目前的硬碟是否有壞軌，如果有壞軌建議先不要clone 先去找修復軟體修復看看，直接clone 有可能會失敗~~

確認都是正常後準備下面3套軟體，以及安裝新買的HDD或SSD開機進到桌面